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-family: Monaco, monospace;
}
div.collapsed .collapsable {
/* Can't seem to get this transition to work :( */
div.collapsable {
overflow: hidden;
clear: both;
height: 0;
}
div.expanded .collapsable {
overflow: hidden;
clear: both;
height: auto;
height: 0px;
-moz-transition: height .2s linear;
-webkit-transition: height .2s linear;
transition: height .2s linear;
}
div.expanded { cursor: pointer; }

View File

@ -100,7 +100,7 @@ a.guidat-toggle:hover {
border: 0;
color: #1ed36f;
margin-right: 2px;
width: 148px;
width: 148px;
}
.guidat-controller.boolean {

View File

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