手風琴滑塊沒有關閉上一個標籤點擊其他標籤

我正在使用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>

所以，這裏的問題是，當用戶點擊一個子菜單或點擊手風琴前一個是保持開放的下一個標籤。

如何在下一個選項卡打開時關閉打開的選項卡。

來源

2012-03-18 krish

HTML結構... – gdoron 2012-03-18 07:05:09

@gdoron：HTML更新 – krish 2012-03-18 07:46:15

@krish你好，這是你在找什麼簡單一點 - HTTP：/ /jsfiddle.net/jbsjw/1/ **或**你有什麼我們可以玩的jsfiddle嗎？請讓我知道這是否有幫助（將其更新爲答案），歡呼 – 2012-03-18 09:32:13

我得到了手風琴做工精細與此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>

來源

2012-03-20 05:10:23 krish

手風琴滑塊沒有關閉上一個標籤點擊其他標籤

回答

相關問題