Question

I want to make a button and a div that when I click on the button, the div appears sliding down. When I click on the button again, the div disappears sliding up.

I know how to do it for 1 element but since there’s two involved I am a little lost.

Edit: No Jquery because this is for a mobile web and it can’t handle it.

Answer 1

The way to do this is to set the onClick method in js to change the class of your div.

In CSS, use this

#savemenu {-webkit-transition: height .25s}
.mobmenu.dropup {height: 0; overflow: hidden; border: none;}
.mobmenu.dropdown {height: 50px;}