javascript - 折りたたみ可能なセット Jquery

Question

私のページには次の折りたたみ可能なヘッダーがあり、現在、セットをクリックすると展開したり折りたたんだりします。私が欲しいのは、リスト項目の1つをクリックすると、トップに戻って折りたたむのではなく、セットを折りたたむ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>