javascript - Accordion slider 在单击其他选项卡时不会关闭上一个选项卡

Question

我正在使用 jquery Accordion 来显示网站的信息。我使 slider 在用户单击子菜单中的特定链接时打开。

设施--> 1. 房间 2. 招待 3. 绿色步行道 4. 书籍选项

如果用户单击任何子菜单，则会打开相关的 Accordion 选项卡。我用下面的代码做到了。

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

所以，这里的问题是当用户单击下一个子菜单或单击 Accordion 中的下一个选项卡时，前一个选项卡保持打开状态。

如何在下一个选项卡打开时关闭打开的选项卡。

Answer 1

我让 Accordion 可以与这个 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>