javascript - 可折叠集Jquery

Question

我的页面上有以下可折叠标题，当前当您单击该集时，它会展开和折叠。我想要的是当您单击其中一个列表项而不是返回顶部折叠它时，javascript 让集合折叠。这可能吗？

<div data-role="collapsible" class="ui-collapsible-collapsed ui-block-a" id="my-collapsible">

                <h2>
                <a href="#111" class="ui-collapsible-heading-toggle ui-btn ui-btn-up-c" data-corners="false" data-shadow="false" data-wrapperels="span" data-icon="false" data-theme="c">

                </a>
                </h2>
                <div class="ui-collapsible-content ui-body-c ui-collapsible-content-collapsed" aria-hidden="true">
                    <ul data-role="listview" data-theme="g">

                        <li id="topnav4"><a id="tempshellstempb" onclick='changeshellsb();'></a></li>
                        <li id="topnav4"><a id="tempstarstempb"  onclick='changestarsb();' ></a></li>
                        <li id="topnav4"><a id="temppeacocktempb" onclick='changeIt();'></a></li>
                        <li id="topnav4"><a id="tempshootstarsb" onclick='changechestb();'></a></li>
                        <li id="topnav4"><a id="tempbrickstempb" onclick='changerosesb();'></a></li>
                        <li id="topnav4"><a id="tempforresttempb" onclick='changepeacockb();'></a></li>

                    </ul> 

                </div></div>

Answer 1

使用 jQuery，您可以触发折叠。

$('#tempshellstempb').click(function(){  
  //here you probably want to check to see if your selector is currently collapsed to decide whether your going to collapse or expand.
  // you can probably do this by checking the classes on your selector but i'm not too familiar with how jQuery-mobile handles this
  $( ".selector" ).trigger( "collapse" );
  //$( ".selector" ).trigger( "expand" );
});