Semantic UI Accordion

Add Semantic UI Accordion to your write-ups without editing the source code!

  • Compatible with Semantic UI 2.1
  • Available in 66 languages
  • Manage contents using popup CKEditor

For Bootstrap users, see: Bootstrap Collapse
For Foundation users, see: Foundation Accordion



It requires the following plugins to work: Widget and Line Utilities.



  • 1.4.1
    • FIXED: minor bug for the latest CKEditor version
  • 1.4
    • ADDED: allowing HTML tags in contents when config.config.suiAccordion_managePopupContent is set to true, overriding config.mj_variables_allow_html
  • 1.3.1
    • FIXED: default field's popup bug
    • FIXED: escape HTML bug for new lines
    • CHANGED: popup editor layout
  • 1.3
    • ADDED: Drag and drop sorting
  • 1.2
    • ADDED: Validation for required fields
    • FIXED: Tab index
    • FIXED: function() default parameter value bug for IE and Safari
    • FIXED: multiple instances bug
  • 1.1
    • ADDED: config.mj_variables_allow_html variable to switch on/ff escaping of HTML tags
  • 1.0.1
    • FIXED: nested sui accordion bug
  • 1.0
    • Initial release


NOTE: You can send your suggestions, comments, concerns, or inquiries thru or by filling up the contact form of my website. I'm having a trouble using Disqus lol.


Twitter Facebook Facebook Instagram Medium Linkedin GitHub Arrow down Phone Menu Close icon Check