javascript - How do you transition a height without the element going outside the parents border? -
i trying make transition starts @ top , after page loads, content expands down page. i've gotten of working, except when content expands down page, keeps expanding way outside it's parents borders. have elements set expand 100%, thought expanding elements expand 100% of parents size, keeps going down page. perhaps misunderstanding how parent/child height percentages work. can point out doing wrong? thanks. here link code on jsfiddle here html code: <body> <div id="outer"> <div class="middle"> <div class="inner"> <h3>a-b</h3> <ul> <li>a</li> <li>b</li> </ul> </div> <div class="inner"> <h3>c-g</h3> <ul> <li>c</li> ...