jquery-mobile-collapsible - 一次只能打开一个可折叠块

Question

我有一个 jquery 可扩展列表，目前当我单击一个链接时，它会打开之前打开的任何内容。如何更改此设置，如果我打开手机然后单击固定电话，它会打开固定电话但也会关闭手机？我只想在任何时候打开一个项目。

JS

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

Answer 1

我为你做了一些东西:) 我希望这会对你有所帮助。 自动关闭可折叠

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

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

好作品

Answer 2

通过在这些菜单范围文件中使用“手风琴”选项解决：///Users/johnfarrell/Desktop/collapsible-menu/collapsible-menu.html

Answer 3

我只需要一个手风琴菜单，排序！