How can I create an accordion with CSS and HTML only?

Question

If I click a button, the accordion will appear.

Answer 1

Bithi D yes, of course. Do you want to create an accordion or an accordion menu?

Answer 2

Okay, yes you can do it with CSS and JS

Answer 3

Hello, Bithi D !
If you want to do this only with css and html, you can do it this way
<style>
button:hover {
background-image:url("Accordion.png");
background-repeat:no-repeat;
background-size:100% 100%;
}
</style>
<button>Click</button>

Answer 4

Bithi D here is your accordion: https://code.sololearn.com/WGBtCt62vbmv/?ref=app 😁

Answer 5

Here the CSS accordion that resembles Bootstrap accordian

https://code.sololearn.com/WgcjJl8Psruc/?ref=app

Answer 6

thanks

Answer 7

thank you

Answer 8

Can I use text instead of image?

Answer 9

accordion menu