jQuery, ne pas recharger - en quelque sorte

Question

J'ai un petit problème avec mon script jQuery.

<script language="javascript">
            $(document).ready(function(){
                $('.roll-li').click(function(){
                    if ($('.hideshow').is(":hidden")) {
                        $('.hideshow').slideDown("slow");
                    }
                    else {
                        $('.hideshow').slideUp("slow");
                    }
                });
            });
</script>

Comment modifier le script, de sorte que div avec la classe "hideshow" que je glisse de haut en bas, sera caché par défaut?

Answer 1

En css,

.hideshow { display: none; }

Dans jQuery (inutile de vérifier la visibilité, utilisez simplement slideToggle ()

$(".roll-li").click(function() {
    $(".hideshow").slideToggle("slow");
    return false;
});

(envisagez également de changer votre code HTML pour utiliser des identifiants au lieu de classes, car leur recherche via jquery est plus efficace)

Answer 2

Vous n'avez pas vraiment besoin de faire cela dans le script. Vous venez de mettre style = "display: none" sur le div ou d'ajouter display: none au CSS pour .hideshow .

Answer 3

<script language="javascript">
        $(document).ready(function(){
            $('.hideshow').hide();
            $('.roll-li').click(function(){
                if ($('.hideshow').is(":hidden")) {
                    $('.hideshow').slideDown("slow");
                }
                else {
                    $('.hideshow').slideUp("slow");
                }
            });
        });
</script>

Ajoutez simplement la ligne:

$('.hideshow').hide();

C'est si j'ai bien compris votre question.