我的jQuery脚本有一个小问题。

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


如何修改脚本,使div随我上下滑动的带有“ hideshow”类的div在默认情况下隐藏?

最佳答案

在CSS中

.hideshow { display: none; }


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

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


(还要考虑将您的html更改为使用id而不是类,因为通过jquery查找这些ID更为有效)

07-24 17:55