/ / jQuery Vallenato Accordian Display - jquery, akordeon, domyślnie

jQuery Vallenato Accordian Display - jquery, akordeon, domyślny

Ten skrypt akordowy jQuery wyświetla domyślnie pierwszą zawartość akordową. Jak ustawić domyślnie wyświetlanie trzeciej zawartości harmonijki? Z góry dziękuję!

$(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/

Odpowiedzi:

1 dla odpowiedzi № 1

Usuń te linie:

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

I dodaj to:

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

Część z :eq(2) definiuje domyślną sekcję