Forum : Problèmme spoiler

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

Problèmme spoiler

3 réponses