如何全部展開/全部摺疊使用阿迪Palaz的嵌套手風琴

function expand(id) { 
    var o = $.extend({}, $.fn.accordion.defaults, null); 
    var containerID = o.container ? id : '', objID = o.objID ? o.objID : o.obj + o.objClass, Obj = o.container ? containerID + ' ' + objID : id, El = Obj + ' ' + o.el, hTimeout = null; 
    $(El + ' a.trigger').closest(o.wrapper).find('> ' + o.next).show().closest(o.wrapper).find('a.trigger').addClass('open').data('state', 1); 
} 

function collapse(id) { 
    var o = $.extend({}, $.fn.accordion.defaults, null); 
    var containerID = o.container ? id : '', objID = o.objID ? o.objID : o.obj + o.objClass, Obj = o.container ? containerID + ' ' + objID : id, El = Obj + ' ' + o.el, hTimeout = null; 
    $(El + ' a.trigger').closest(o.wrapper).find('> ' + o.next).not('.shown').hide().closest(o.wrapper).find('a.open').removeClass('open').data('state', 0); 
} 

Example: 

expand('#accordion1'); 
collapse('#accordion1');

來源

2013-07-06 08:48:42

兩年後和我有同樣的願望......用阿迪Palaz嵌套手風琴，但有我自己的風格和具體的行動展開/摺疊所有按鈕。儘管我被公認爲新手級jquery程序員，但我終於按照我想要的方式工作。以下是我的主要經驗：

我以示例nested_accordion_demo5.html和＃acc1 爲例。我根本沒有使用expand.js，我從來沒有把它拿到工作。
我改變了我的demo5.html中的函數默認值來添加obj：「div」。

$("#acc1").accordion({ 
 
     obj: "div", 
 
     el: ".h", 
 
     head: "h4, h5", 
 
     next: "div", 
 
     iconTrigger: true 
 
    });

然後，我添加與類= 「手風琴」一個div圍繞整個UL結構和從UL除去手風琴類。
我做了我自己的兩個展開/摺疊鏈接，並將它們放在div中但在ul之前。後來我想到了，並添加了造型，使他們看起來像按鈕，但首先我得到它的工作。

<a href="#" class="ExpandAll">[Expand All]</a>&nbsp;<a href="#" class="CollapseAll">[Collapse All]</a>

然後，我添加了兩個新的獨立的事件處理程序使用從片段處理該a.trigger事件的一個jquery.nestedAccordion.js。我將它們立即放在現有的事件處理程序之後。這是我的新CollapseAll：

$(Obj).delegate('a.CollapseAll', ev, function(ev) { \t \t \t \t \t \t \t \t \t \t 
 
\t $(o.obj + o.objClass).find('a.trigger').each(function() { 
 
\t \t var $thislink = $(this), $thisWrapper = $thislink.closest(o.wrapper), $nextEl = $thisWrapper.find('> ' + o.next); 
 
\t \t if (($nextEl).length && $thislink.data('state') && (o.collapsible)) { \t 
 
\t \t \t $thislink.removeClass('open'); 
 
\t \t \t $nextEl.filter(':visible')[o.hideMethod](o.hideSpeed, function() {$thislink.data('state', 0);}); 
 
\t \t } 
 
\t }); \t \t 
 
});

然後我做了第二次的事件處理程序，做了ExpandAll。

我知道這可能會更有效率，但我很激動至少讓它工作給我的技能水平！

來源

2014-10-09 17:47:57 Suzann

如何全部展開/全部摺疊使用阿迪Palaz的嵌套手風琴

回答

相關問題