アコーディオンスライダーが閉じない前のタブをクリックしたとき他のタブ

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>