javascript - jQuery Toggle Div-如何使div在页面加载时保持打开状态

我有下面的代码工作正常：

$(document).ready(function () {
    $('.text').hide();
    $('.expander').click(function () {
        // .parent() selects the A tag, .next() selects the P tag
        $(this).parent().next().slideToggle(200);
    });
    $('.text').slideUp(200);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a href="#"><div class="expander">Click Here</div></a>

<p class="text">Hidden Text</p>
<a href="#"><div class="expander">Click Here</div></a>

<p class="text">Hidden Text</p>
<a href="#"><div class="expander">Click Here</div></a>

<p class="text">Hidden Text</p>
<a href="#"><div class="expander">Click Here</div></a>

<p class="text">Hidden Text</p>

但是-我想知道是否有一种方法可以更改jQuery，以使DIV中的内容在页面首次加载时可见，而不是像当前那样隐藏。

我试图注释掉这一行：

$('.text').hide();

但这没什么区别。

最佳答案

删除/注释$('.text').slideUp(200);和$('.text').hide();。

这是隐藏“隐藏文本”的两行。他们俩都做同样的事情，隐藏匹配的元素。 .hide()隐藏名称所描述的元素。并且.slideUp通过使匹配元素的heigh为零来执行相同操作，因此隐藏了该元素