Jquery切换总是在开始时打开div / open

Question

我正在使用以下脚本为打开和关闭div创建切换效果。

<script type="text/javascript" src="/mainmenu/js/jquery.min.4.1.2.js"></script>
<script type="text/javascript">
jQuery(document).ready(function() 
{
jQuery(".content").hide();
jQuery(".heading").click(function()
{
jQuery(".content").hide();
jQuery(this).next(".content").slideToggle(500);
});
});
</script>


<div class="main_text_faq"
<p class="heading">Header-1 </p>
<div class="content">Lorem ipsum</div>
<p class="heading">Header-2</p>
<div class="content">Lorem ipsum</div>
<p class="heading">Header-3</p>
<div class="content">Lorem ipsum</div>
</div>

现在我似乎无法弄清楚如何让Header 1始终打开并在输入内容时打开Header 2。 我有什么想法可以开始编码吗？我正在学习如何使用Jquery所以请原谅我没有任何东西可以显示我已经尝试解决我的“问题”

提前致谢。 此致！

Answer 1

如果我已正确理解您的问题，您希望第一个.content元素在最初隐藏其他元素时保持可见。为此，您可以使用:not和:first伪选择器排除第一个元素：

jQuery(".content:not(:first)").hide();

这是working example。