jquery切换始终打开div的/在开始时打开

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> 

现在我不能似乎只是弄清楚哪能让头1永远是开放的，进入内容时，有头2开启。 任何想法如何开始编码？我正在学习如何使用Jquery的过程，所以请原谅我没有任何东西显示我已经尝试解决我的“问题”

在此先感谢。 关心！

Answer 1

如果我正确地理解了您的问题，您希望第一个.content元素在其他元素最初隐藏时保持可见。要做到这一点，你可以使用:not和:first伪选择要排除的第一个元素：

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

这里有一个working example。