作者jasonchris (已经醒了)
看板Ajax
标题[问题] click事件操控 div显示隐藏的问题
时间Wed Oct 21 17:26:36 2015
我的选单中有
<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://webptt.com/cn.aspx?n=bbs/Ajax/M.1445419601.A.6C2.html
1F：推 oToToT: 所以一开始只有两个点? 10/21 17:40
2F：→ jasonchris: 还会有其他的li 只是我先这样列举 10/21 18:12
3F：推 hit1205: 最简单的做法就是 <li> 侦测 click 事件，然後用 10/21 18:29
4F：→ hit1205: toggle() 控制 $(this) 内部的 div，这样就能每个选单 10/21 18:30
5F：→ hit1205: 通用了 10/21 18:30
7F：→ hit1205: 除了 toggle() 外，jQ 还有 slideToggle, fadeToggle 10/21 18:38
8F：推 rayway30419: toggle 10/22 10:54