Question

$(window).load(function(){
    $.fn.togglepanels = function(){
      return this.each(function(){
        $(this).addClass("ui-accordion ui-accordion-icons ui-widget ui-helper-reset")
      .find("h3")
        .addClass("ui-accordion-header ui-helper-reset ui-state-default ui-corner-top ui-corner-bottom")
        .hover(function() { $(this).toggleClass("ui-state-hover");})
        .prepend('<span class="ui-icon ui-icon-triangle-1-e"></span>')
        .click(function() {
          $(this)
            .toggleClass("ui-accordion-header-active ui-state-active ui-state-default ui-corner-bottom")
            .find("> .ui-icon").toggleClass("ui-icon-triangle-1-e ui-icon-triangle-1-s").end()
            .next().slideToggle();
          return false;
        })
        .next()
          .addClass("ui-accordion-content ui-helper-reset ui-widget-content ui-corner-bottom")
          .hide();
      });
    };

    $("#notaccordion").togglepanels();
    });

我尝试了一个多手风琴的例子，但我的目标是在页面加载时保持div打开。怎么做到这里。

Answer 1

@TempData [“DefaultPane”]是您希望默认打开的窗格的名称。

$("#accordion").accordion({ active: @TempData["DefaultPane"] });

如何保持jQuery UI Accordion one div默认为Active？

1 个答案: