一次只能打開一個可摺疊塊

我有一個jQuery可擴展列表，當前當我單擊一個鏈接時，它會打開以前任何打開的鏈接。我如何改變這一點，如果我有移動開放，然後我點擊固定電話，它打開固定電話，但也關閉移動？我只想要在任何時候打開一件物品。一次只能打開一個可摺疊塊

$(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

爲什麼您發佈此路徑？ –

一次只能打開一個可摺疊塊

回答

相關問題