javascript - HTML Accordion 50/50 split screen -


i new html5 , css3 apologies if stupid question…

looking @ image below, trying have page split 50 / 50, if user clicks on top arrow top part shrinks , bottom takes of space, alternatively if user clicks bottom arrow shrink bottom top takes of space

i can’t figure out do, please enter image description here

hi please find working demo

<div id="accordion"> <h3>section 1</h3>  <div> <p> mauris mauris ante, blandit et, ultrices a, suscipit eget, quam. integer ut neque. vivamus nisi metus, molestie vel, gravida in, condimentum sit amet, nunc. nam nibh. donec suscipit eros. nam mi. proin viverra leo ut odio. curabitur malesuada. vestibulum velit eu ante scelerisque vulputate. </p> </div> <h3>section 2</h3> <div>  <p> sed non urna. donec et ante. phasellus eu ligula. vestibulum sit amet purus. vivamus hendrerit, dolor @ aliquet laoreet, mauris turpis porttitor velit, faucibus interdum tellus libero ac justo. vivamus non quam. in suscipit faucibus urna. </p> </div>  </div>   $( "#accordion" ).accordion(); 

Comments

Popular posts from this blog

python - Subclassed QStyledItemDelegate ignores Stylesheet -

java - HttpClient 3.1 Connection pooling vs HttpClient 4.3.2 -

SQL: Divide the sum of values in one table with the count of rows in another -