How can I create multiple drop down divs with different content for each button click?
JSFiddle: http://jsfiddle.net/maddiwu/xe6xtfqh/
.slide {
overflow-y: hidden;
max-width: 100%;
overflow-x: hidden;
max-height: 100vw;
/* approximate max height */
width:100%;
/*height: 45vw;*/
background:#2e2e2e;
transition-property: all;
transition-duration: 1s;
transition-timing-function: cubic-bezier(1, 1, 1, 1);
}
.slide.closed {
max-height: 0;
}
.banner7 {
width:80%;
background:#d8d8d8;
margin-top:1.5vw;
padding-top:2vw;
}
.banner8 {
width:80%;
background:#2e2e2e;
margin-top:1vw;
margin-left:10%;
padding-top:2vw;
}