JQuery, не перезагружать - как-то - PullRequest
Новая
       25

JQuery, не перезагружать - как-то

1 голос
/ 29 июля 2009

У меня небольшая проблема с моим скриптом jQuery. 

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

Как изменить скрипт, так чтобы div, который div с классом "hideshow", который я скользил вверх и вниз, был скрыт по умолчанию?

Ответы [ 3 ]

5 голосов
/ 29 июля 2009

Вам не нужно делать это в скрипте. Вы просто помещаете style="display: none" в div или добавляете display: none в CSS для .hideshow.

2 голосов
/ 29 июля 2009 
<script language="javascript">
        $(document).ready(function(){
            $('.hideshow').hide();
            $('.roll-li').click(function(){
                if ($('.hideshow').is(":hidden")) {
                    $('.hideshow').slideDown("slow");
                }
                else {
                    $('.hideshow').slideUp("slow");
                }
            });
        });
</script>

Просто добавьте строку: 

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

Это если я правильно понял ваш вопрос.

1 голос
/ 29 июля 2009

В css, 

.hideshow { display: none; }

В jquery (нет необходимости проверять видимость, просто используйте slideToggle () 

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

(также рассмотрите возможность изменения html-кода для использования идентификаторов вместо классов, так как их поиск с помощью jquery более эффективен)

...