ClassieJS 또는 jQuery로 두 번째 메뉴를 토글 하시겠습니까?

Question

현재 코드는 모든 아이콘에 대해 동일한 메뉴를 토글하도록 설정됩니다. 여기

내 현재의 진보의 바이올린입니다 http://jsfiddle.net/2Lyttauv/

내가 각각의 아이콘에 대한 고유 한 메뉴를 추가 달성하고자합니다.

은 내가 사이드 바에서

navItem2 

에

내가 해봤 두 번째 아이콘을 두 번째 메뉴를 추가 할 다음과 같은 HTML 이제

<nav class="slider-menu slider-menu-vertical slider-menu-left" id="slider-menu-s1"> 
      <h3>MENU</h3> 
    <a href="#"><span class="icon-flag"></span>Item 1</a> 
    <a href="#"><span class="icon-flag"></span>Item 2</a> 
      <a href="#"><span class="icon-flag"></span>Item 3</a> 
      <a href="#"><span class="icon-flag"></span>Item 4</a> 
      <a href="#"><span class="icon-flag"></span>Item 5</a> 
     <a href="#"><span class="icon-flag"></span>Item 6</a> 
     <a href="#"><span class="icon-flag"></span>Item 7</a> 
     </nav> 

를 작성하여 시작 위와 완전히 똑같은 HTML을 사용하여 두 번째 메뉴를 만들었습니다. 단, id="slider-menu-s1을 변경하고 별도의 함수를 만들었지 만 작동하지 않는 것 같습니다.

누구든지 올바른 방향으로 나를 도울 수 있다면.

Answer 1

다음은 내가 한 것입니다.

<nav class="slider-menu slider-menu-vertical slider-menu-left" id="slider-menu-s2"> 
    <h3>Another Menu</h3> 
    <a href="#"><span class="icon-flag"></span>Iteasdfasdfm 1</a> 
</nav> 

그리고는 그래서 내가 여기에있는 navItemClick의 전환에 추가 된 것입니다 슬라이더 메뉴-S2 인 ID를 확인할 수 있습니다.

 var anotherMenu = document.getElementById('slider-menu-s2'); 

     navItem2.onclick = function() { 
      classie.toggle(this, 'active'); 
      classie.removeClass(menuLeft, 'slider-menu-open'); //this is where you removeClass the other menu to close it 
      classie.toggle(anotherMenu, 'slider-menu-open'); 
      disableOther('navItem2'); 
     }; 

귀하의 질문에 대한 답변입니다. 여기

는 codrops을이를 벗고처럼 jsfiddle http://jsfiddle.net/2Lyttauv/20/