我有以下
HTML代码:
<div class="dim"> Menu <div class='hidden'>submenu1</div> <div class='hidden'>submenu2</div> </div> <div class="dim"> Menu2 <div class='hidden'>submenu3</div> <div class='hidden'>submenu4</div> </div>
class hidden有display:none
当我点击单词菜单或menu2时,我正试图让切换工作
解决方法
$('.dim').click(function(){ $('.hidden',this).toggle(); // p00f });
小提琴:http://jsfiddle.net/maniator/V4X4t/
更新
检查点击的暗淡元素:
$('.dim').click(function(event){ var isDim = $(event.target).is('.dim'); if(isDim){ //make sure I am a dim element $('.hidden',this).toggle(); // p00f } });