Toggle multiple class | Scrimba | Page 1

charred patrol Feb 6, 2023, 10:05 PM

#

Hi, everyone. I want to click on the arrow and show the answer but It's only working on the first question. I think maybe is because I have to run a for loop since the class is repeated? But I'm not sure if that's the reason and how to solve it. Can someone help me?

Thanks 🙂

📎 index.css 📎 index.html 📎 index.js

low jewel Feb 6, 2023, 10:11 PM

#

Hi @charred patrol ,
Using HTML<details> elements would be perfect for this job.

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/details

: The Details disclosure element - HTML: HyperText Markup Language ...

The HTML element creates a disclosure widget in which information is visible only when the widget is toggled into an "open" state. A summary or label must be provided using the element.

thorny pagoda Feb 7, 2023, 3:33 AM

#

You appear to be new to javascript and still in the learning process. You should look at Geoffery's solution, which is quite simple, but for your learning, I solved this problem with js by explaining each step in the js file below.

📎 index.js

charred patrol Feb 7, 2023, 3:48 PM

#

thorny pagoda You appear to be new to javascript and still in the learning process. You should...

Hi @thorny pagoda . Thanks so much for all your explanation. Yes, I'm new to JS. I finished up to module 5 of scrimba and decided to do a "complete" project to know what level I'm at, if I'm really learning because I was stuck in tutorial hell. But I understood that I'm really going to need to review all the JavaScript modules. I'm definitely struggling with JS 😦

charred patrol Feb 7, 2023, 3:50 PM

#

low jewel Hi <@964550730641989734> , Using HTML<details> elements would be perfect for thi...

Thanks @low jewel . I think I'm gonna use this solution for this project and try to review all the JS modules on Scrimba 🙂

#Toggle multiple class