effect.js :
$(document).ready(function () {
$('#paragraphe li').click(function(){
var text = $(this).chlidren('p');
if (text.is(' :hidden')){
text.slideDown('500');
$(this).children('span').html('-');
}
else {
text.slideUp('300');
$(this).children('span').html('+');
}
});
});
Index.html :
<html>
<head>
<title>Mon Spoiler - Tuto By Gamichan</title>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/effect.js"></script>
<style type="text/css">
#paragraphe{list-style:none;font-family:arial;font-size:18px;margin:0 auto;padding:0;width:500px;}
#paragraphe li{border-bottom:4px solid grey;position:relative;cursor:pointer;}
#paragraphe h2{font-family:arial;font-size:22px;}
#paragraphe p{font-family:absolute;right:5px;top:0;}
#paragraphe span{position:absolute;right:5px;}
</style>
</head>
<body>
<ul id="paragraphe">
<li>
<h2>BONJOURS</h2>
<span>+</span>
<p> Ici notre contenu super pratique, avec effet jquery </p>
</li>
</body>
Est rien ne marche :'( que faire HELP
gamichan