/ / jQuery Vallenato Accordian Display - jquery、accordion、default

jQuery Vallenato Accordian Display - jquery、accordion、default

このjQueryアコーディアンスクリプトは、デフォルトで最初のアコーディオンコンテンツを表示します。どのように3番目のアコーディアンのコンテンツをデフォルトで表示するように設定しますか?前もって感謝します!

$(document).ready(function()
{
//Add Inactive Class To All Accordion Headers
$(".accordion-header").toggleClass("inactive-header");

//Set The Accordion Content Width
var contentwidth = $(".accordion-header").width();
$(".accordion-content").css({"width" : contentwidth });

//Open The First Accordion Section When Page Loads
$(".accordion-header").first().toggleClass("active-header").toggleClass("inactive-header");
$(".accordion-content").first().slideDown().toggleClass("open-content");


// The Accordion Effect
$(".accordion-header").click(function () {
if($(this).is(".inactive-header")) {
$(".active-header").toggleClass("active-header").toggleClass("inactive-header").next().slideToggle().toggleClass("open-content");
$(this).toggleClass("active-header").toggleClass("inactive-header");
$(this).next().slideToggle().toggleClass("open-content");
}

else {
$(this).toggleClass("active-header").toggleClass("inactive-header");
$(this).next().slideToggle().toggleClass("open-content");
}
});

return false;
});

http://www.switchroyale.com/vallenato/

回答:

回答№1は1

次の行を削除してください:

//Open The First Accordion Section When Page Loads
$(".accordion-header").first().toggleClass("active-header").toggleClass("inactive-header");
$(".accordion-content").first().slideDown().toggleClass("open-content");

そしてこれを加えてください:

$(".accordion-header:eq(2)").toggleClass("active-header").toggleClass("inactive-header");
$(".accordion-content:eq(2)").slideDown().toggleClass("open-content");

の部分は :eq(2) デフォルトセクションを定義する