1

jQuery スクリプトに小さな問題があります。

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

スクリプトを変更して、上下にスライドしている「hideshow」クラスのdivがデフォルトで非表示になるようにするにはどうすればよいですか?

4

3 に答える 3

5

スクリプトでそれを行う必要はありません。div を配置するか、CSS にstyle="display: none"追加するだけです。display: none.hideshow

于 2009-07-29T13:09:30.750 に答える
2 
<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();

それは私があなたの質問を正しく理解した場合です。

于 2009-07-29T13:10:57.520 に答える
1

cssでは、

.hideshow { display: none; }

jquery (可視性をチェックする必要はありません。slideToggle() を使用するだけです)

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

(また、クラスの代わりに id を使用するように html を変更することも検討してください。jquery を介してこれらを見つける方が効率的です)

于 2009-07-29T13:11:02.933 に答える