Skip to: Toggle buttons

Awesome Accordions website

Toggle buttons

Since we are asking users to open/close panels manually we also need to give them an option to collapse / expand all panels at the same time. This helps users to reset the accordion to its initial state or helps them to open all panels for users. who don’t want to open them one by one

For this we created two alternative controls to toggle between open all and close all, we use an unordered list to group them together.

$(document).on("click", "[data-accordion-action]", function () {
       if ($(this).data("accordion-action") === "openall")
           $(".awesome-accordion-panel").css("max-height", "none");
       else if ($(this).data("accordion-action") === "closeall")
           $(".awesome-accordion-panel").css("max-height", 0);

Ready to build better team pages?

Get it for $29.00

What's so awesome about us?

  • Open source

    Our plugins are 100% open source and developed transparently on Bitbucket. Anyone can join the development and contribute.

  • Works with your theme

    Our plugins are carefully crafted to keep your site fast, the html is easy to read and extend and we provide the option to disable js and css files from the settings page.

  • Well documented

    Our plugins are well documented with in our knowledge base. It’s a great way to find instant answers or read tutorials to almost every question!.

  • Excellent support

    All our plugins come with full support. We’re here to help and offer expert advice on how to get the most out of your plugin.

  • Money back garantee

    We have a very simple refund policy. We will try to fix issues first. If we can't, we will definitely give your money back.

  • Regular updates

    We are regularly working to improve the plugin by adding new features, fixing bugs and keeping updated with the latest WordPress version.

Back To Top