[問題] click事件操控 div顯示隱藏的問題

[jasonchris (已經醒了)]

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












--



不停追著自己的目標
  人不可以窮死
    人不可以氣死

--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 114.46.21.141
※ 文章網址: https://www.ptt.cc/bbs/Ajax/M.1445419601.A.6C2.html
推 oToToT: 所以一開始只有兩個點?
→ jasonchris: 還會有其他的li 只是我先這樣列舉
推 hit1205: 最簡單的做法就是 <li> 偵測 click 事件，然後用
→ hit1205: toggle() 控制 $(this) 內部的 div，這樣就能每個選單
→ hit1205: 通用了
推 hit1205: https://jsfiddle.net/q588oLj9/ 類似這樣
→ hit1205: 除了 toggle() 外，jQ 還有 slideToggle, fadeToggle
推 rayway30419: toggle