我点击弹出再点击小时下面代码不对。。

Question

你的树结构怪怪的，大小标题在dom结构是写在同一级。最好还是分不同的层级
参考: JQuery tree li toggle
可以点击在线演示代码<ul class="zuoce"> 
    <li class="root">Shan Feiming
        <ul>
            <li>Work
                <ul>
                    <li>Work1</li> 
                    <li>Work1</li> 
                </ul>
            </li>   
            <li>info
                <ul>
                    <li>Work1</li> 
                    <li>Work2</li> 
                    <li>Work3</li> 
                    <li>Work4</li>
                </ul>
            </li>
        </ul>
    </li>
</ul>
$('.zuoce li').click(function(e){
    if( $(this).find('>ul').hasClass('active') ){
        $(this).children('ul').removeClass('active').children('li').slideUp(500);
        e.stopPropagation();
    }
    else{
        $(this).children('ul').addClass('active').children('li').slideDown(500);
        e.stopPropagation();
    }
});
li{
    display: none;
}
li.root{
    display: block;
}

Answer 1

如果你不需要slide效果的话，可以参考: http://jsbin.com/umuhin/4/edit#javascript,html,live

Answer 2

save 4 me 你赶紧看手机 

Answer 3

$('.zuoce .dabiaoti').click(function(e){
    if( $(this).find('.dabiaoti').hasClass('active') ){
        $(this).removeClass('active').next().slideUp(500);
        e.stopPropagation();
    }
    else{
        $(this).addClass('active').next().slideDown(500);
        e.stopPropagation();
    }
});
这个我点击了还是缩不回去 dom结构还是用我的

Answer 4

<ul class="root">
<li>
web
<ul>
<li>html</li>
<li>css</li>
<li>js</li>
<li>jq</li>
</ul>
</li>
<li>
animal
<ul>
<li>dog</li>
<li>cat</li>
<li>human</li>
</ul>
</li>
</ul>$(function() {
var root = $('.root');
root.bind('click', function(e){

root.children('li').find('ul').slideToggle();

});
});

Answer 5

实现2楼效果$(function() {
var root = $('.root');
root.bind('click', function(e){
var target = e.target;
$(target).children('ul').slideToggle();

});
});

Answer 6

第三版$(function() {
var root = $('.root');
root.bind('click', function(e){
var target = e.target;

$(target).children().children().slideToggle(1000);

});
});