javascript - jQuery 切换 div 的子元素

Question

我有以下 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>

类 hidden 有 display:none

当我点击单词 menu 或 menu2 时，我试图让切换工作

Answer 1

$('.dim').click(function(){
    $('.hidden', this).toggle(); // p00f
});

fiddle :http://jsfiddle.net/maniator/V4X4t/

---

更新

检查 dim 元素被点击:

$('.dim').click(function(event){
    
    var isDim = $(event.target).is('.dim');
    if(isDim){ //make sure I am a dim element
        $('.hidden', this).toggle(); // p00f
    }
    
});

fiddle :http://jsfiddle.net/maniator/V4X4t/5/