2012-03-18 3 views
1

Я использую jquery accordion для отображения информации для веб-сайта. Я создаю слайдер, когда пользователь нажимает на определенную ссылку в подменю.Аккордеонный слайдер не закрывает предыдущую вкладку на клике другой вкладке

Услуги -> 1. Номера 2. гостиничное 3. Зеленый Walk 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> 

так, вот вопрос, когда пользователь нажимает на следующий подменю или нажмите на следующую вкладку в гармошку предыдущий является остается открытым.

Как закрыть открытую вкладку при открытии следующей вкладки.

+0

HTML структура ... – gdoron

+0

@gdoron: HTML обновляется – krish

+0

@krish Хийя ли это то, что вы ищете немного проще - HTTP://jsfiddle.net/jbsjw/1/ ** или ** у вас есть какой-нибудь jsfiddle, с которым мы можем поиграть? пожалуйста, дайте мне знать, если это поможет (обновит его как ответ), приветствует –

ответ

0

я получил, что аккордеон работать нормально с этим 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> 
Смежные вопросы