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

看板Ajax作者 (已經醒了)時間8年前 (2015/10/21 17:26), 編輯推噓4(404)
留言8則, 4人參與, 最新討論串1/1
我的選單中有 <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

10/21 17:40, , 1F
所以一開始只有兩個點?
10/21 17:40, 1F

10/21 18:12, , 2F
還會有其他的li 只是我先這樣列舉
10/21 18:12, 2F

10/21 18:29, , 3F
最簡單的做法就是 <li> 偵測 click 事件,然後用
10/21 18:29, 3F

10/21 18:30, , 4F
toggle() 控制 $(this) 內部的 div,這樣就能每個選單
10/21 18:30, 4F

10/21 18:30, , 5F
通用了
10/21 18:30, 5F

10/21 18:37, , 6F
10/21 18:37, 6F

10/21 18:38, , 7F
除了 toggle() 外,jQ 還有 slideToggle, fadeToggle
10/21 18:38, 7F

10/22 10:54, , 8F
toggle
10/22 10:54, 8F
文章代碼(AID): #1M9rfHR2 (Ajax)