侧边收缩导航栏

Demo:  /> side.rar

一个简单的侧边栏的js效果

$(function(){
    //侧边导航栏
    $('.proSide .list').click(function(){
        //如果二级菜单隐藏
        if($(this).find('.node').is(':hidden')){
            $(this).parent().find('.node').css({display: 'none'});
            $(this).find('.node').slideDown(500);
            $(this).parent().find('.list').removeClass("listOn");
            $(this).addClass("listOn");
        }
        //如果二级菜单显示
        else{
            $(this).find('.node').slideUp(500);
            $(this).removeClass("listOn");
        }
    })
})

当点击任意一个侧边栏时，上一个展开的侧边栏要收缩起来，也就是唯一性处理，有且只有一个侧边栏处于展开的状态。

可以用jQuery 遍历 - siblings() 方法，获得匹配集合中元素的同胞