Jquery Slide Toggle Effect Customization

[yooonpa 0]

Hello guys, I would really appreciate if you guys can point out or help me with some minor customization on codes for  "Jquery Slide Toggle Effect" that can be seen here:

https://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_slide_toggle

 

When you click on header or text or button whatsoever, a content will appear or display, it will also slide up when clicked back.

Now, I create a multiple section or toggle to display and hide, but the problem is the other toggles won't close automatically when I open other toggle.

Is there a way or some code to add so it closes the other toggles when you open up a new toggle?

Hope this is clear or please let me know if you guys need more information.

 

Thanks guys.

Lorienz

[Funce 42]

There could be many things going wrong here, but we won't know it until you include some code. Try the forum's code block feature.

[dsonesuk 907]

Change id to class attribute for html, change '#' to '.' In css.

When clicked, hide all with display none, then open and show the one selected.

https://www.w3schools.com/code/tryit.asp?filename=GKADQAHJKX8I