jquery - jQuery，不要重新加载 - 不知何故

Question

我的 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默认隐藏？

Answer 1

你真的不需要在脚本中这样做。你只需放在style="display: none"div 上，或添加display: none到 CSS for .hideshow.

Answer 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();

那就是如果我正确理解了你的问题。

Answer 3

在 CSS 中，

.hideshow { display: none; }

在 jquery 中（无需检查可见性，只需使用 slideToggle()

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

（还可以考虑将您的 html 更改为使用 id 而不是类，因为通过 jquery 查找这些更有效）