Question

我的页面的FAQ部分有一个jQuery hide / show div脚本。

一切都很有效，除了在加载时打开问题，我希望它们能够关闭。

这是脚本：

<script type="text/javascript">  
$(document).ready(function(){

$('.faq-row-head a').click(function() {
        $(this).parent().toggleClass('opened');
        $(this).parents('.faq-row').find('.faq-row-entry').slideToggle();
        return false;
    });

    $('.faq-close').click(function() {
        $(this).parents('.faq-row').find('.opened').removeClass('opened');
        $(this).parents('.faq-row').find('.faq-row-entry').slideUp();
        return false;
    });
});

</script>

下面

有人可以帮帮我吗？

Answer 1

把它放在第一行：

$(".faq-div").hide();

Answer 2

默认情况下隐藏行条目。添加style="display: none"属性可以达到您想要的效果。

Answer 3

在加载时首先使用以下行..

$（本）。家长（ 'FAQ-行。 '）找到（' FAQ-行条目。'）隐藏（）;

尝试一次..我不确定。

Answer 4

将所有脚本移动到html / jsp的末尾，然后尝试在$（document）.ready function的第一行添加它：

$(".faq-row-entry").hide();

关闭jQuery hide / show div加载？

4 个答案: