Accordion
Rico.loadModule('Accordion');
Rico.onLoad( function() {
new Rico.Accordion( $$('div.panelheader'), $$('div.panelContent'),
{panelHeight:200, selectPanelIndex: 0, stepping: Rico.Stepping.ease_in });
});
.panel {
width: 175px;
padding: 0pt 15px 15px;
background: transparent url(examples/client/images/phokus/sb-bottom.gif) no-repeat scroll 0pt 100%;
}
.panel h3, label{
margin: 0pt 0pt 5px -15px;
padding: 15px 34px 0pt 15px;
width: 150px;
background: transparent url('rico21/examples/client/images/phokus/sb-top.gif') no-repeat scroll 0%;
color: #FFFFFF;
display: block;
font-family: "Lucida Grande",Verdana,Arial,Helvetica,sans-serif;
font-size: 1em;
font-weight: bold;
position: relative;
text-transform: uppercase;
cursor: pointer;
}
.panelContent {
width:170px;
}
Accordion to openRico
More openRico updates soon!
Ross Lawley