手風琴修復（jQuery的）

Question

HTML

<h2 class="sec-title">one</h2> 
<div class="sec-content">content 1</div> 
<h2 class="sec-title">two</h2> 
<div class="sec-content">content 2</div> 

的jQuery：

$('.sec-content').hide(); 
$('.sec-title:first').addClass('active').next().show(); 

$('.sec-title').click(function(){ 
if($(this).next().is(':hidden')) { 
    $('.sec-title').removeClass('active').next().slideUp(); 
    $(this).toggleClass('active').next().slideDown(); 
} 
return false; 
}); 

...工程，但如果想使第二手風琴節上的頁面加載主動什麼？我該怎麼改變？

感謝您的幫助

Answer 1

嘗試改變您選擇的第sec-title類的元素添加到行：

$('.sec-title:eq(1)').addClass('active').next().show(); 

這裏是API documentation爲:eq選擇器。我認爲它會做你想做的。它將選擇與選擇器匹配的第n個元素。請記住eq()是基於0的 - 因此:eq(1)正在選擇具有sec-title類的第二項。

這裏是我的小提琴，說明這一點：http://jsfiddle.net/7KdGn/1/

我希望這有助於！

Answer 2

您可以使用（jQuery UI的手風琴（http://docs.jquery.com/UI/Accordion），而不是另起爐竈。密切關注其active選項，然後你的代碼將變得簡化爲簡單

$(document).ready(function() { 
    $("#accordion").accordion({ active: 1 }); 
});​ 

看一看爲例here