頁面加載時打開第一個孩子

Question

這是我的手風琴DEMO。我需要默認打開第一個子元素。

代碼使用

$('h3','.horizontalaccordion ul li').on('click',function() { 
    $(this).closest('li').toggleClass('hover').siblings().removeClass('hover'); 
});​ 

Answer 1

這會做...

$('h3','.horizontalaccordion ul li').on('click',function() { 
    $(this).closest('li').toggleClass('hover').siblings().removeClass('hover'); 
}); 

$('.horizontalaccordion ul li:first').addClass('hover'); 

Answer 2

在您HTML。將第hover級添加到第一個li。

<div class="horizontalaccordion"> 
    <ul> 
     <li class="hover"> 
      <h3>Heading 1</h3> 
      <div>Content For Panel 1.</div> 
     </li> 
     ... 
    </ul> 
</div> 

demo

Answer 3

只需調用click事件

$('h3','.horizontalaccordion ul li:first-child').click(); 

看到JavaScript部分的fiddlehttp://jsfiddle.net/gajjuthechamp/a545y/28/

我只是說最後一個環節