fix: curtir fechando container

rrafaelc · Nov 27, 2023 · ac03c9d · ac03c9d
1 parent 83ab60f
commit ac03c9d
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 3 deletions.
diff --git a/index.js b/index.js
@@ -127,7 +127,9 @@ const renderPerguntas = async ({
     const faqContainer = document.querySelectorAll('.faq-container');
 
     faqContainer.forEach((container) => {
-      container.addEventListener('click', function () {
+      const question = container.querySelector('.question');
+
+      question.addEventListener('click', function () {
         const dropIcon = container.querySelector('.drop');
         const content = container.querySelector('.content');
 

diff --git a/mais-buscados/script.js b/mais-buscados/script.js
@@ -81,7 +81,9 @@ const renderMaisBuscadas = async ({ pagina = 1, qtdPorPg = 20, order = 'desc' }
     const faqContainer = document.querySelectorAll('.faq-container');
 
     faqContainer.forEach((container) => {
-      container.addEventListener('click', function () {
+      const question = container.querySelector('.question');
+
+      question.addEventListener('click', function () {
         const dropIcon = container.querySelector('.drop');
         const content = container.querySelector('.content');
 

diff --git a/mais-buscados/style.css b/mais-buscados/style.css
@@ -56,7 +56,6 @@ main {
 }
 
 .faq-container {
-  cursor: pointer;
   font-size: 2rem;
   border-radius: 20px;
   padding: 1rem 0;
@@ -70,6 +69,7 @@ main {
   color: var(--titulos);
   font-size: 3.2rem;
   font-weight: 300;
+  cursor: pointer;
 }
 
 .spinnerContainer {