首先,html页面代码,仅供参考
<div class="left left_content clearfix">
<ul class="shop_type">
<li id="tar_title" class="class_first" ><a href="#" class="">一级分类</a></li>
<ul class="shop_type">
<li id=""><a href="#" class="class_second">二级分类</a></li>
<li><a href="#" class="class_second">二级分类</a></li>
</ul>
</ul>
<ul class="shop_type liback">
<li class="class_first"><a href="#" class="hover">一级分类</a></li>
<ul class="shop_type">
<li ><a href="#" class="class_second">二级分类</a></li>
<li><a href="#" class="class_second">二级分类</a></li>
</ul>
</ul>
</div>
js代码
<script>
$(document).ready(function(){
$(".class_first").click(function(){
$(this).siblings('ul').slideToggle();
})
})
</script>