Question

我试图在页面加载时打开第一个手风琴面板，现在它们都在加载时崩溃了。这是我的代码：

$.fn.myAccordion = function(custConf) {

    var config = jQuery.extend({
        button: "accordionButton",
        buttonOpen: "accordionButtonSelected",
        slideDuration: "normal",
        hideContent: "accordionContent"
    }, custConf);

    // SET UP INDIVIDUAL ACCORDIONS FOR EACH MATCH IN THIS jQuery
    this.each(function(index, element) {
        var currentAccordion = null;
        $(element).find("div." + config.button).click(function() {
            if (currentAccordion) {
                $(currentAccordion).next().slideUp(config.slideDuration);
                $(currentAccordion).removeClass().addClass(config.button);
            }
            if (this == currentAccordion) {
                currentAccordion = null;
                return;
            }
            currentAccordion = this;
            $(currentAccordion).next().slideDown(config.slideDuration);
            $(currentAccordion).removeClass().addClass(config.buttonOpen);
        });
    });

    //HIDE THE DIVS ON PAGE LOAD
    $("div." + config.hideContent).hide();

    return this;
};

Answer 1

注意：我考虑过动态创建的手风琴。

以下列方式从div找到你的第一支手风琴

$（ 'theDivHoldingAccordion。 '）找到（' ClassOfYourAccordion：第一 '）。触发（的' onClick'）;

只需显示您在Accordion点击偶数上加载数据的div。 $（”。DivInWhichYouAreLoadingDataOnAccordionClick '）。找到（' 手风琴本条。内容1：第一'）显示（）;

Answer 2

在隐藏内容后点击手风琴的第一个按钮。

  ...
  $("div." + config.hideContent).hide();

  $("div."+config.button).first().click();

  return this;
};

如何在页面加载时打开第一个手风琴面板？

2 个答案: