From 7479e86a16fac6c98e9e5b91d9db69b816d674f9 Mon Sep 17 00:00:00 2001 From: nubianlachlan <53319015+nubianlachlan@users.noreply.github.com> Date: Thu, 25 Jul 2019 23:38:22 +0100 Subject: [PATCH] Responsive Accordion By targeting .is-open the accordion is now responsive --- Accordions/Final/scripts.js | 7 +++++++ 1 file changed, 7 insertions(+) diff --git a/Accordions/Final/scripts.js b/Accordions/Final/scripts.js index a6a5658..0dee1b5 100644 --- a/Accordions/Final/scripts.js +++ b/Accordions/Final/scripts.js @@ -14,3 +14,10 @@ for (var i = 0; i < accordions.length; i++) { } } } +// making it responsive +window.addEventListener("resize", function(){ + var isOpen = document.querySelectorAll(".is-open"); + isOpen.forEach(function(e){ + e.nextElementSibling.style.maxHeight = e.nextElementSibling.scrollHeight + "px"; + }) +});