手風琴滑塊

Question

這裏是我的html

<div id="1" class="category_group"> 
<ul class="top_level_category"> 
    <li><a>top level title 1</a> 
     <ul class="sub_level_category"> 
      <li>lower level links</li> 
      <li>lower level links</li> 
      <li>lower level links</li> 
      <li>lower level links</li> 
     </ul> 
    </li> 
</ul> 

<div id="2" class="category_group"> 
<ul class="top_level_category"> 
    <li><a>top level title 2</a> 
     <ul class="sub_level_category"> 
      <li>lower level links</li> 
      <li>lower level links</li> 
      <li>lower level links</li> 
      <li>lower level links</li> 
     </ul> 
    </li> 
</ul> 

，這將是我的jQuery

$('div ul li ul').hide(); 
$('div ul li a').click(function() { 
$(this).find('ul').show(); 
}); 

我提出的手風琴，但不能做它，名單結構從正常者是不同

sample

Answer 1

變化$(this).find('ul').show();與$(this).parent().find('ul').show();或$(this).next('ul').show();

Answer 2

find()搜索所選擇的元素的指定派生元素（一個或多個），則可以使用next方法：

$('div ul li a').click(function(e) { 
    e.preventDefault(); 
    $(this).next('ul').toggle(); 
}); 

http://jsfiddle.net/6rXp2/