/ / jQuery Vallenato Accordian प्रदर्शन - jQuery, accordion, डिफ़ॉल्ट

jQuery Vallenato Accordian प्रदर्शन - jQuery, accordion, डिफ़ॉल्ट

यह jQuery accordian स्क्रिप्ट डिफ़ॉल्ट रूप से पहली accordian सामग्री प्रदर्शित करता है। डिफ़ॉल्ट रूप से प्रदर्शित करने के लिए मैं तीसरी accordian सामग्री कैसे सेट करूं? अग्रिम में धन्यवाद!

$(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) डिफ़ॉल्ट खंड परिभाषित करता है