Back
Syntax
Study
Editor
Mode:
HTML
CSS
JavaScript
PHP
Reset
Run ยป
HTML / CSS / JS
$(function() { $(".accordion-trigger").attr("aria-expanded", "false").next("[role=region]").hide(); $(".accordion-trigger").on("click", function() { const $panel = $(this).next("[role=region]"); const open = $(this).attr("aria-expanded") === "true"; // Close all (exclusive mode) $(".accordion-trigger").attr("aria-expanded","false"); $("[role=region]").stop(true).slideUp(300); // Open clicked one if it was closed if (!open) { $(this).attr("aria-expanded","true"); $panel.stop(true).slideDown(300); } }); });
Result
Open