jQuery UI accordion that keeps multiple sections open?

by

Pretty simple:

<script type="text/javascript">
    (function($) {
        $(function() {
            $("#accordion > div").accordion({ header: "h3", collapsible: true });
        })
    })(jQuery);
</script>

<div id="accordion">
    <div>
        <h3><a href="#">First</a></h3>
        <div>Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet.</div>
    </div>
    <div>
        <h3><a href="#">Second</a></h3>
        <div>Phasellus mattis tincidunt nibh.</div>
    </div>
    <div>
        <h3><a href="#">Third</a></h3>
        <div>Nam dui erat, auctor a, dignissim quis.</div>
    </div>
</div>

More Related Contents:

  1. Can I make a not submit a form?
  2. How to reload current page without losing any form data?
  3. Using jQuery how to get click coordinates on the target element
  4. How to make supported on all browsers? Any alternatives?
  5. script order for jquery with bootstrap
  6. Returning value from confirmation dialog using JQuery UI dialog
  7. This doesn’t seem right? Javascript isn’t working
  8. Pure JavaScript equivalent of jQuery’s $.ready() – how to call a function when the page/DOM is ready for it [duplicate]
  9. Refresh/reload the content in Div using jquery/ajax
  10. How to do a Jquery Callback after form submit?
  11. How to delete a localStorage item when the browser window/tab is closed?
  12. Animate element to auto height with jQuery
  13. How to do a horizontal scroll on mouse wheel scroll?
  14. How to load images dynamically (or lazily) when users scrolls them into view
  15. :touch CSS pseudo-class or something similar?
  16. Best JavaScript solution for client-side form validation and interaction? [closed]
  17. Clearing my form inputs after submission
  18. Check if element is between 30% and 60% of the viewport
  19. Is there any problem with using HTML5’s “data-*” attributes for older browsers?
  20. Trying to load local JSON file to show data in a html page using JQuery
  21. Custom “confirm” dialog in JavaScript?
  22. Disable zoom on input focus in Android webpage
  23. how to use jQuery ajax calls with node.js
  24. Include html in another html file [duplicate]
  25. minimise the code since I am using the same code only the content in p tags changes and component AccordionHeader header changes
  26. Rotate div text after clicking on button using jquery and css
  27. How to access jQuery in HTML 5 web worker
  28. Hot to get incomplete datetime-local input values
  29. Incrementing value continuously on mouse hold
  30. Content of html page changed by jQuery but “View Source” don’t reflect the changes

Leave a Comment