Comments on: rAccordion – a MooTools 1.2 recursive accordion

By: atom

atom — Tue, 27 Jul 2010 21:24:05 +0000

@PH

the fourth argument that rAccordion takes is the options object for instantiating the accordion as normal, so…

something like this will probably work:

new rAccordion('container', 'toggle', 'element', { 'show':-1 });

give it a shot.

By: PH

PH — Tue, 27 Jul 2010 11:09:10 +0000

Hi,

Thanks for the script!!!

— How do I set it so that when the page is loaded all of the items are collapsed.

It currently shows the first entry in an expanded view.

Any ideas?

By: trolololo

trolololo — Thu, 01 Jul 2010 20:08:41 +0000

hi here. i am new to this website and i like this website. http://www.filecombat.com , http://www.softwarekorner.com

By: 小区

小区 — Mon, 01 Feb 2010 11:40:46 +0000

很不错的博客哦，来过踩踩，欢迎回访~

By: 济南二手房

济南二手房 — Tue, 26 Jan 2010 12:55:11 +0000

济南二手房（esf.jnol.cn）网来博客参观过了，呵呵，有空多多交流哈。

By: TMG

TMG — Tue, 19 Jan 2010 00:26:28 +0000

Very slick looking. Is it possible to have more than one element per toggle? It’s breaking it when I try.

By: NAD*

NAD* — Fri, 04 Dec 2009 16:52:15 +0000

@v1.0.545 – lol

ok… the code are not completed.

the difference are:

/* on initialize and before this.makeAccordion */
this.list_acc = new Array(); /* list of accordion levels */
this.acc_index = 0; /* accordion level index */
this.h = (window.ie6)?"100%":""  /* bug ie6 */
 
 
/* at makeAccordion, put list_acc and acc_index into accordion scope */
this.list_acc[this.acc_index] = new Accordion(...);
this.list_acc[this.acc_index].list_acc = this.list_acc;
this.list_acc[this.acc_index].acc_index = this.acc_index;
this.list_acc[this.acc_index++].addEvent(
   onActive: (...)
   onComplete: function(a){
      (...)
      for(i=this.acc_index+1; i &lt; this.list_acc.length; i++)
         this.list_acc[i].display(-1,true);
   }
});

Good work!

By: NAD*

NAD* — Fri, 04 Dec 2009 16:04:08 +0000

@sorry…

- this.h = (window.ie6) ? “100%” : ”;
+ this.h = (window.ie6) ? “100%” : "";

By: NAD*

NAD* — Fri, 04 Dec 2009 15:59:33 +0000

@with script to close all sub-levels

var rAccordion = new Class({
 
	initialize: function(container, toggleClass, elementClass, options){
		this.container = container;
		this.tClass = toggleClass;
		this.eClass = elementClass;
		this.options = options;
		this.selector = '#' + this.container + ' > .';
		this.list_acc = new Array();
		this.acc_index = 0;
		this.h = (window.ie6) ? "100%" : '';
		this.makeAccordion();
 
	},
 
	makeAccordion: function(){
		this.list_acc[this.acc_index] = new Accordion(
			$$(this.selector+this.tClass),
			$$(this.selector+this.eClass),
			this.options 
		)
 
		this.list_acc[this.acc_index].list_acc = this.list_acc;
		this.list_acc[this.acc_index].acc_index = this.acc_index;
		this.list_acc[this.acc_index++].addEvents({
			// The onActive and onComplete events added to the stack here to
			// attempt to address some of the css issues.
			'onActive': function(toggle){
				for(i=this.acc_index+1; i  .';
		if($defined($$(this.selector)[0]))
			this.makeAccordion();
	}
 
});

By: Alex K

Alex K — Wed, 30 Sep 2009 12:33:58 +0000

@atom, thank you very much for this! I am in dire need to get the active state working! Please email me if you have implemented it. Thank you!