jQuery, não recarregue - de alguma forma

Question

Eu tenho um pequeno problema com o meu script jQuery.

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

Como modificar script, então div que div com classe "OcultarMostrar" que eu estou slideing cima e para baixo, vai ser escondido no padrão?

Answer 1

Em css,

.hideshow { display: none; }

Em jquery (sem necessidade de verificação visibilidade, basta usar slideToggle ()

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

(também considerar mudar seu HTML para usar ids em vez de aulas, como encontrar esses via jQuery é mais eficiente)

Answer 2

Você realmente não precisa fazer isso no script. É só colocar style="display: none" na div, ou adicionar display: none ao CSS para .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>

Basta adicionar a linha:

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

Isto é, se eu entendi sua pergunta corretamente.