Tried to update the animations for documentation and utterly failed. Sad face. Line 89 of demo.css

This commit is contained in:
Jono Brandel 2011-02-01 16:04:39 -08:00
parent 15d1ffce87
commit 4646dc695d
3 changed files with 12 additions and 11 deletions

View File

@ -86,16 +86,14 @@ div.expanded h2:before, div.collapsed h2:before {
font-size: 9px; font-size: 9px;
font-family: Monaco, monospace; font-family: Monaco, monospace;
} }
/* Can't seem to get this transition to work :( */
div.collapsed .collapsable { div.collapsable {
overflow: hidden; overflow: hidden;
clear: both; clear: both;
height: 0; height: 0px;
} -moz-transition: height .2s linear;
div.expanded .collapsable { -webkit-transition: height .2s linear;
overflow: hidden; transition: height .2s linear;
clear: both;
height: auto;
} }
div.expanded { cursor: pointer; } div.expanded { cursor: pointer; }

View File

@ -74,8 +74,11 @@
if(this.className == 'collapsed') { if(this.className == 'collapsed') {
this.className = 'expanded'; this.className = 'expanded';
var children = this.childNodes;
this.childNodes[3].style.height = 'auto';
} else { } else {
this.className = 'collapsed'; this.className = 'collapsed';
this.childNodes[3].style.height = '0px';
} }
} }