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

3 réponses


benbox69
Réponse acceptée

Ligne 5 : chlidren --> children

MrGuillou
Réponse acceptée

et ferme bien la balise "ul"
tu devrais utiliser firebug ou les outils de chrome pour débugger tes scripts, car ils signalent les erreurs de ce type

gamichan
Auteur

Merci :D