jQuery, no recargues - de alguna manera

Question

Tengo un pequeño problema con mi script jQuery.

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

Cómo modificar el script, entonces div que div con class " hideshow " que estoy deslizando hacia arriba y hacia abajo, ¿se ocultará por defecto?

Answer 1

En css,

.hideshow { display: none; }

En jquery (no es necesario verificar la visibilidad, solo use slideToggle ()

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

(también considera cambiar tu html para usar identificadores en lugar de clases, ya que encontrarlos a través de jquery es más eficiente)

Answer 2

Realmente no necesitas hacer eso en el script. Simplemente coloque style = " display: none " en el div, o agregue display: none al CSS para .hide show .

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>

Solo agrega la línea:

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

Eso es si entendí tu pregunta correctamente.