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

当我点击单词菜单或menu2时,我正试图让切换工作

Answer 1

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

小提琴: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
    }

});

小提琴:http://jsfiddle.net/maniator/V4X4t/5/