Jquery down list navigation

Question

나는이 작업을 할 수없는 것 같지만, 이유는 모르겠다. 누군가가 빨리 살펴보고 내가 뭘 잘못하고 있는지 말해 줄 수 있습니까?

목표 : "사이드 바 - 탐색> li"을 클릭하면 내 "사이드 바 내부 목록"을 아래로 내리고 닫힌 것을 열면 모든 열린 목록을 닫을 수 있기를 원합니다. 나는 또한 내가 그것을 클릭 할 때 클릭 한 것을 닫을 수 있어야한다.

HTML

<ul class="sidebar-navigation"> 
      <li> 
       Overskrift 
       <ul class="sidebar-inner-list"> 
        <li> 
         <a href="#">Link</a> 
        </li> 
        <li> 
         <a href="#">Link</a> 
        </li> 
       </ul> 
      </li> 

      <li> 
       Overskrift 2 
       <ul class="sidebar-inner-list"> 
        <li> 
         <a href="#">Link 2</a> 
        </li> 
        <li> 
         <a href="#">Link 2</a> 
        </li> 
        <li> 
         <a href="#">Link 2</a> 
        </li> 
       </ul> 
      </li> 

     </ul> 

JQUERY 오류를 발견 할 수

var allPanels = $('.sidebar-inner-list > li').hide(); 

$('.sidebar-navigation > li').click(function() { 
    allPanels.slideUp(); 
    $(this).children('.sidebar-inner-list').slideDown(); 
    return false; 
}); 

희망 사람. 당신은 숨길 같은 요소를 slideDown 필요 http://jsfiddle.net/iBertel/nrFhu/6/

Answer 1

:

내가 또한 바이올린을했다.

http://jsfiddle.net/isherwood/nrFhu/8/

$('.sidebar-navigation > li').each(function() { 
    $(this).click(function() { 
     $('.sidebar-navigation > li').not(this).find('li').slideUp(); 
     $(this).find('.sidebar-inner-list li').slideDown(); 
     return false; 
    }); 
}); 

:

$(this).find('.sidebar-inner-list').slideDown(); 

http://jsfiddle.net/isherwood/nrFhu/7/

이

$(this).find('.sidebar-inner-list li').slideDown(); 

가 상하 문제를 해결하는 것, 당신은 아마 또 하나의 논리 계층을 추가해야합니다

Answer 2

는이

$(document).ready(function(){ 
    $('.sidebar-inner-list').children("li").slideUp(0); 
    $('.sidebar-navigation li').click(function() { 
     $('.sidebar-inner-list').children("li").slideUp(); 
     $(this).children(".sidebar-inner-list").children("li").slideDown(); 
    }); 
});