Responsive landing page using media query

Community feedback

• 

  Mostafa Elkhateeb•710

  @melkhateeb193Posted 10 months ago

  that a great job you have done you can make it shorter code you can give to the plus item same id or same class and use query selector all const faqItem = document.querySelectorAll('.faq-item'); like this faqItem.forEach(function(item) { const toggleContent = item.querySelector('.toggle-content'); const plus = item.querySelector('.plus'); const minus = item.querySelector('.minus');

  plus.addEventListener('click',function(){ plus.classList.replace('d-block','d-none'); toggleContent.classList.replace('d-none', 'd-block') minus.classList.replace ('d-none', 'd-block') })

  minus.addEventListener('click',function(){ plus.classList.replace('d-none', 'd-block'); toggleContent.classList.replace('d-block','d-none') minus.classList.replace ('d-block','d-none') }) }) that will work with you and with less could and keep going you have done a great job

  Marked as helpful

  0

  ---

  

  P

  Flávia Reis•650

  @flaviare1sPosted 10 months ago

  @melkhateeb193 Thank you, Mostafa. I spent the morning trying to do this and I couldn't, but I'll try some more using your suggestion. Now I'm trying to put the transition, but I'm not succeeding.

  0

  

  Mostafa Elkhateeb•710

  @melkhateeb193Posted 10 months ago

  @flaviare1s if you need any help with this i could help we can enter a meeting and i will make it with u

  0

  

  P

  Flávia Reis•650

  @flaviare1sPosted 10 months ago

  @melkhateeb193 I would appreciate 😊

  0

  

  Mostafa Elkhateeb•710

  @melkhateeb193Posted 10 months ago

  @flaviare1s give me you instagram to schedule meeting or any other contacting platform

  0

  

  P

  Flávia Reis•650

  @flaviare1sPosted 10 months ago

  @melkhateeb193

  My Instagram is @flaviare1s

  0
• 

  Ali Developer•90

  @Ali-Developer-06Posted 10 months ago

  Hello Your work is good but you need to add transition for smooth opening answer and also when click on plus(+) icon then icon work also remain your work is good 😊

  Marked as helpful

  0

  ---

  

  P

  Flávia Reis•650

  @flaviare1sPosted 10 months ago

  @Ali-Developer-06 Thanks for your feedback. 😄

  0