한 번에 하나의 접을 수있는 블록 만 열어 두십시오.

jquery exapandable 목록이 있습니다. 현재 열어 본 링크를 클릭하면 열 수 있습니다. 이걸 어떻게 바꿀 수 있습니까? 그렇다면 모바일을 연 다음 유선을 클릭하면 유선이 열리고 모바일은 닫힙니다. 한 번에 하나의 항목 만 열려 있어야합니다.한 번에 하나의 접을 수있는 블록 만 열어 두십시오.

$(document).ready(function() { 
     setTimeout(function() { 
      // Slide 
      $('#menu1 > li > a.collapsed + ul').slideToggle('medium'); 
      $('#menu1 > li > a').click(function() { 
      $(this).toggleClass('expanded').toggleClass('collapsed').parent().find('> ul').slideToggle('medium'); 
      }); 
      $('#example1 .expand_all').click(function() { 
       $('#menu1 > li > a.collapsed').addClass('expanded').removeClass('collapsed').parent().find('> ul').slideDown('medium'); 
      }); 
      $('#example1 .collapse_all').click(function() { 
       $('#menu1 > li > a.expanded').addClass('collapsed').removeClass('expanded').parent().find('> ul').slideUp('medium'); 
      }); 
     }, 250); 
    });

HTML

<div id="example1"> 
    <ul id="menu1" class="example_menu"> 
     <li><a class="collapsed">Mobile</a> 
    <ul> 
     <li><h2>TEST1</h2><br> 

    </ul> 
    </li> 
     <li class="footer"><span> </span></li> 
     <li><a class="collapsed">Landline</a> 
    <ul> 
     <li><h2>TEST2</h2><br> 

    </ul> 
    </li>

jsfiddle은 http://jsfiddle.net/EfURx/1/

출처

2013-07-19 JFar_13

내가 필요로했던 누구나는 정렬되는 아코디언 메뉴 이었어도!

출처

2013-07-30 11:26:25

나는 당신을 위해 무언가를 만들었습니다 :) 내가 그 뜻을 도움이되기를 바랍니다. AUTO CLOSE COLLAPSIBLE

$('.openMe').each(function() { 
    var coll = $(this); 
    coll.trigger('expand'); 
}); 

$('.openMe').each(function() { 
    var coll = $(this); 
    coll.trigger('collapse'); 
});

좋은 일

출처

2013-07-19 10:13:11

고마워요.하지만 내 버전이 천천히 열리는 것과 같습니다. 기본 질문을 해결하기 위해 추가 할 수있는 기본 코드가 있습니까? 아니면 내가 의미하는 바를 아는 경우 즉석에서 점진적/자갈로 전환 유형을 편집 할 수 있습니까 –

월요일에 뭔가를 보내 드리겠습니다 :) –

메뉴 파일의 이러한 범위의 '아코디언'옵션을 사용하여 해결할 : ///Users/johnfarrell/Desktop/collapsible-menu/collapsible-menu.html

출처

2013-07-20 19:01:01

이 경로를 게시하고 있습니까? –

한 번에 하나의 접을 수있는 블록 만 열어 두십시오.

답변

관련 문제