View Full Version : Animated collapse div

11-22-2011, 01:27 PM
1) Script Title: Animated collapse div

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex17/animatedcollapse.htm

3) Describe problem: I m working on group pet divs. I m trying to make all divs content hide on page load. But the one div content always remain open. I tried to add 'hide=1" but that doesnt works.

animatedcollapse.addDiv('cat', 'fade=0,speed=400,group=pets,hide=1')
animatedcollapse.addDiv('dog', 'fade=0,speed=400,group=pets,persist=1,hide=1')
animatedcollapse.addDiv('rabbit', 'fade=0,speed=400,group=pets,hide=1')

animatedcollapse.ontoggle=function($, divobj, state){ //fires each time a DIV is expanded/contracted
//$: Access to jQuery
//divobj: DOM reference to DIV being expanded/ collapsed. Use "divobj.id" to get its ID
//state: "block" or "none", depending on state