@@ -12,6 +12,9 @@ border: 1px black solid; width: 40em; } +p { +margin: 0px; +} h3, h4 { text-align: center; color: white; @@ -137,6 +140,32 @@ h3.accordion_toggle_active, h4.accordion_toggle_active { <p>Yeah!.</p> </div> </div> + <h3>Not extended on startup</h3> + <div class="accordion_content" id="noext"> + <h4>Info</h4> + <div class="nested_accordion_content"> + <p>Pass `activeIndex: null` to disable extending on startup.</p> + </div> + <h4>2</h4> + <div class="nested_accordion_content"> + <p>I have text.</p> + <p>And some more of I have text.</p> + <p>Yeah!.</p> + </div> + <h4>3</h4> + <div class="nested_accordion_content"> + <p>I have text.</p> + <p>And some more of I have text.</p> + <p>Yeah!.</p> + </div> + <h4>4</h4> + <div class="nested_accordion_content"> + <p>I have text.</p> + <p>And some more of I have text.</p> + <p>Yeah!.</p> + </div> + </div> + </div> <script type="text/javascript"> //<![CDATA[ @@ -147,6 +176,8 @@ new Arturaz.Accordion('nested', { toggleSelector: 'h4', contentClass: 'nested_accordion_content'}); new Arturaz.Accordion('noanim', {toggleSelector: 'h4', animate: false, contentClass: 'nested_accordion_content'}); +new Arturaz.Accordion('noext', {toggleSelector: 'h4', activeIndex: null, + contentClass: 'nested_accordion_content'}); //]]> </script> <h2>Get it</h2> index.html @@ -120,7 +120,7 @@ Arturaz.Accordion.prototype = { this.hideAll(); if (this.options.activeToggle) this.selectContentByToggle(this.options.activeToggle, false); - else + else if (this.options.activeIndex != null) this.selectContentByIndex(this.options.activeIndex, false); }, js/arturaz-accordion.js b5566ad42cd998314807b5791d276c10c4614bbe Arturas Slajus x11@arturaz.net http://github.com/arturaz/accordion/commit/6f513b30b19b0e18c81184be449ed3b41cc76574 6f513b30b19b0e18c81184be449ed3b41cc76574 2009-02-10T10:47:51-08:00 2009-02-10T10:47:51-08:00 `activeIndex: null` option 0db7442d6993b08c8dee1cf3c442da2172379528 Arturas Slajus x11@arturaz.net