我的选单中有
<ul>
<li id="main1">
<div class="sub1">资料A</div>
</li>
<li id="main2">
<div class="sub2">资料B</div>
</li>
</ul>
我想使用鼠标点击事件
分别点击#main1之后 可以显示.sub1的资料 再点击一次可以隐藏
点击#main2之后 可以显示.sub2的资料 再点击一次可以隐藏
那我该怎么使用jquery 来做??

所以一开始只有两个点?

还会有其他的li 只是我先这样列举

最简单的做法就是 <li> 侦测 click 事件，然后用toggle() 控制 $(this) 内部的 div，这样就能每个选单通用了https://jsfiddle.net/q588oLj9/ 类似这样除了 toggle() 外，jQ 还有 slideToggle, fadeToggle

toggle