手風琴滑塊無法關閉單擊其他選項卡上的上一個選項卡

Question

我正在使用jquery手風琴來顯示網站的信息。 當用戶單擊子菜單中的特定鏈接時，我使滑塊打開。

設施-> 1.客房2.款待3.綠色步行4.預訂選項

如果用戶單擊任何子菜單，則會打開相應的手風琴標簽。 用下面的代碼我做到了。

      <script type="text/javascript">
        jQuery(function () {
            jQuery("#accordion").accordion();
        });

        jQuery(document).ready(function () {
            $(<%=m_id %>).next().toggle('slow'); //<%=m_id%> the id of every tabs of accordion i pass form the code behind in asp.net

              });
        </script>

HTML：

                       <div id="accordion"> 

                        <h3 id="rooms">
                            a href="#">Rooms</a></h3>
                        <div id="rooms">
                            <p>
                                Sed non urna. Donec et ante. Phasellus eu ligula. Vestibulum sit amet purus. Vivamus

                            </p>
                        </div>
                        <h3 id="Hosp">
                            a href="#">Hospitality</a></h3>
                        <div id="Hosp">
                            <p>
                                High Performance team Building, Leadership
                                Development Program, Train the Trainers, Introduction to NLP and Advanced NLP, Fire-Walk
                                etc.
                            </p>

                        </div>
                        <h3 id="green">
                    Green Walk                            
                <div id="green">
                            <p>
                                et malesuada fames ac turpis egestas. Vestibulum
                                ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aenean
                                lacinia mauris vel est.
                            </p>

                        </div>
                        <h3 id="book">
                            <a href="#">Book Options</a></h3>
                        <div id="book">

                            <p>
                                Suspendisse eu nisl. Nullam ut libero. Integer dignissim consequat lectus. Class
                                aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.

                            </p>
                        </div>
                    </div>

因此，這里的問題是，當用戶單擊下一個子菜單或單擊手風琴中的下一個選項卡時，上一個仍保持打開狀態。

下一個標簽頁打開時如何關閉打開的標簽頁。

Answer 1

我讓那只手風琴可以與此javascript一起正常工作

 <script type="text/javascript>
    var i=0;
        $(document).ready(function () {          
         jQuery('#accordion').accordion();
         autoHeight: true;
         $('#<%=m_id %>').next().slideDown('slow');
         $(document).click(function(){
         if(i==0){$('#<%=m_id %>').next().slideUp('slow');i++}else{$('#<%=m_id %>').val('');}

         });
        });
    </script>