<ul class="m-treeview" style="display: block;" mce_style="display: block;"> <li class="m-expanded"> <span>衬衫</span> <ul style="display: block;" mce_style="display: block;"> <li><span>短袖衬衫</span></li> <li><span>长袖衬衫</span></li> </ul> </li> <li class="m-expanded"> <span>卫衣</span> <ul style="display: block;" mce_style="display: block;"> <li><span>开襟卫衣</span></li> <li><span>套头卫衣</span></li> </ul> </li> <li class="m-expanded"> <span>裤子</span> <ul> <li><span>休闲裤</span></li> <li><span>免烫卡其裤</span></li> <li><span>牛仔裤</span></li> <li><span>短裤</span></li> </ul> </li> </ul> /*产品树展开和关闭*/ $(function(){ $(".m-treeview > li > span").click(function(){ // 注意用的是 子选择器 ( > ) var $ul = $(this).siblings("ul"); if($ul.is(":visible")){ $(this).parent().attr("class","m-collapsed"); $ul.hide(); }else{ $(this).parent().attr("class","m-expanded"); $ul.show(); } return false; }) })