add js interactivity

TuaneLeao · Nov 15, 2023 · e2c72c2 · e2c72c2
1 parent 2954fef
commit e2c72c2
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 1 deletion.
diff --git a/index.css b/index.css
@@ -123,6 +123,16 @@ h2 {
   border-bottom: 1px solid #ff725e;
   border-left: 1px solid #ff725e;
   margin-top: -8px;
+  padding: 0px 24px;
+  height: 0;
+  overflow: hidden;
+  opacity: 0;
+  transition: 0.15s;
+}
+
+.duvida.ativa .paragrafo{
+  opacity: 1;
+  height: fit-content;
   padding: 24px;
 }
 
@@ -132,6 +142,7 @@ footer{
   gap: 80px;
   padding: 64px 80px;
   justify-content: space-between;
+  width: auto;
 }
 
 footer img,

diff --git a/index.js b/index.js
@@ -1 +1,7 @@
-var elementos = document.querySelectorAll('.duvida');
+var elementosDuvida = document.querySelectorAll('.duvida')
+
+elementosDuvida.forEach(function (duvida) {
+    duvida.addEventListener('click', function() {
+        duvida.classList.toggle ('ativa')
+    })
+})