jQuery切换div的孩子 [英] jQuery toggle children of div

问题描述

我有以下HTML代码：

I have the following HTML code:

<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 隐藏有 display：none

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

I'm trying to get the toggle to work when I click on the word menu or menu2

推荐答案

$('.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/

这篇关于jQuery切换div的孩子的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！