Results 1 to 2 of 2

Thread: How to open all accordion sections by default

  1. #1
    Join Date
    Mar 2010
    Thanked 0 Times in 0 Posts

    Default How to open all accordion sections by default

    1) Script Title: DD Accordion

    2) Script URL (on DD):

    3) Describe problem:

    Is there a way to have all the accordion sections open by default?

    I'm thinking that I'll need to use expandall from within oninit. Is that the correct/only way to do it?


  2. #2
    Join Date
    Aug 2004
    Thanked 1,007 Times in 992 Posts
    Blog Entries


    You can call the expandall() function to do this, but a more streamlined way is to configure the initialization code for this instead. Using the default initialization code as an example, the settings in red should do cause all the headers to be expanded when they load:

    <script type="text/javascript">
    //Initialize first demo:
    	headerclass: "mypets", //Shared CSS class name of headers group
    	contentclass: "thepet", //Shared CSS class name of contents group
    	revealtype: "mouseover", //Reveal content when user clicks or onmouseover the header? Valid value: "click", "clickgo", or "mouseover"
    	mouseoverdelay: 200, //if revealtype="mouseover", set delay in milliseconds before header expands onMouseover
    	collapseprev: true, //Collapse previous content (so only one open at any time)? true/false 
    	defaultexpanded: [0,1,2,3,4], //index of content(s) open by default [index1, index2, etc]. [] denotes no content.
    	onemustopen: false, //Specify whether at least one header should be open always (so never all headers closed)
    	animatedefault: false, //Should contents open by default be animated into view?
    	scrolltoheader: false, //scroll to header each time after it's been expanded by the user?
    	persiststate: true, //persist state of opened contents within browser session?
    	toggleclass: ["", "openpet"], //Two CSS classes to be applied to the header when it's collapsed and expanded, respectively ["class1", "class2"]
    	togglehtml: ["none", "", ""], //Additional HTML added to the header when it's collapsed and expanded, respectively  ["position", "html1", "html2"] (see docs)
    	animatespeed: "fast", //speed of animation: integer in milliseconds (ie: 200), or keywords "fast", "normal", or "slow"
    	oninit:function(expandedindices){ //custom code to run when headers have initalized
    		//do nothing
    	onopenclose:function(header, index, state, isuseractivated){ //custom code to run whenever a header is opened or closed
    		//do nothing
    For the defaultexpanded option, set it to the indices of all of the headers in your group, and also make sure onemustopen is set to false.
    DD Admin

Similar Threads

  1. Accordion Content script: Open the first header by default.
    By monshinejack in forum Dynamic Drive scripts help
    Replies: 1
    Last Post: 02-24-2009, 04:11 AM
  2. Open all sections at once?
    By fred2028 in forum Dynamic Drive scripts help
    Replies: 5
    Last Post: 02-06-2009, 08:00 AM
  3. Accordion Content Default open
    By imogeen in forum Dynamic Drive scripts help
    Replies: 6
    Last Post: 06-27-2008, 03:25 PM
  4. Accordion content open by default
    By lilleruno in forum Bug reports
    Replies: 5
    Last Post: 04-25-2008, 07:28 AM
  5. Open hidden sections before printing
    By CharlieLaw in forum JavaScript
    Replies: 4
    Last Post: 03-13-2006, 07:38 PM


Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts