Question

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

Answer 1

您不需要在脚本中执行此操作。您只需将style="display: none"放在div上，或将display: none添加到.hideshow的CSS中。

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查找这些更有效）

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

3 个答案: