手风琴滑块没有关闭上一个标签点击其他标签

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

手风琴滑块没有关闭上一个标签点击其他标签

回答

相关问题