Collapsibles with CSS

Question

Can you help me with making collapsibles with CSS. Like the ones of bootstrap.

Answer 1

Saksham Saxena can we make it without js only with CSS?

Answer 2

Saksham Saxena i want the collapsible like this
https://code.sololearn.com/W1UTZXrFC7gv/?ref=app

Answer 3

Janning⭐ still is there is any way?

Answer 4

Janning⭐ thnx. I understood well. Still can u provide me with a code for better understanding.

Answer 5

Janning⭐ an example code

Answer 6

Saksham Saxena in your code if we click on one it starts and if we click on the second one then the first one closes. I want that if we click on the first one it will open and if we click on another collapsible it will open but the first one will not close

Answer 7

You can cheat with the details and summary tags. It renders differently between browsers though:

https://www.w3schools.com/tags/tag_details.asp

https://www.w3schools.com/tags/tag_summary.asp

Accordions without JavaScript are much more complicated.

Answer 8

Here are some ways:

https://www.sitepoint.com/five-ways-to-hide-elements-in-css/

Answer 9

What's missing?

Answer 10

There were example codes in the link.

Answer 11

Can anyone post questions for Python new learners?

Answer 12

@Sekhar

Please don't hijack this thread -- instead, use the search bar to help minimize the number of duplicate questions taking up space on SoloLearn servers and slowing down loading times for users. If you have a question that hasn't already been asked, you can start a new thread in the Q&A section.