left menu

<!DOCTYPE html>

<head>

<title>Document</title>

<style>

.content-left{

background-color: grey;

width:250px;

border: 1px solid grey;

}

.content-left .items .content ul{

list-style: none;

margin:0;

}

.hide{

display: none;

}

</style>

</head>

<body>

<ul>

<li>content1</li>

</ul>

</div>

<ul>

<li>content21</li>

<li>content22</li>

<li>content23</li>

</ul>

</div>

<ul>

<li>content31</li>

<li>content32</li>

<li>content33</li>

</ul>

</div>

$('.header').click(function(){

$(this).siblings().removeClass('hide').parent().siblings().children('.content').addClass('hide');

//$(this).parent().siblings().children('.content').addClass('hide');

})

</script>

</body>

</html>

巴特西