我的選單中有
<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