2011-06-12 156 views
1

可能對你很簡單;) 我有一個鏈接列表,當用戶點擊其中一個兄弟姐妹鏈接應顯示。當點擊鏈接時,我已經到了該部分,它淡入一個列表中,但我想打開兄弟列表淡出。顯示兄弟姐妹李點擊並隱藏兄弟姐妹李 - jQuery

看看我,你可能會更好地瞭解... http://jsfiddle.net/jelm/UkRNL/

<div class="menu"> 
<ul> 
    <li><a href="#">item one</a> 
     <ul class="children"> 
      <li>children of item one</li> 
      <li>children of item one</li> 
     </ul> 
    </li> 

    <li><a href="#">item two</a> 
     <ul class="children"> 
      <li>children of item two</li> 
      <li>children of item two</li> 
     </ul> 
    </li> 
</ul> 
</div> 

$(document).ready(function() { 
    $('li > ul').hide(); 
    $('.menu li > a').click(function() { 
     $(this).next().fadeIn('slow'); 
    return false; 
    }); 
}); 

回答

2

如果我理解正確你的問題,是this what you want

我在click事件處理程序中通過使用$('li > ul').hide();,在單擊鏈接之前隱藏了子元素ul,然後才淡入正確的集合。

+0

是的,非常感謝。 – jelm 2011-06-13 12:29:11