Rico-PullDown-Example

Rico JavaScript DHTML


            




Rico Pull-Down Example


Rico.loadModule('Accordion','Corner');
var panel;
Rico.onLoad( function() {
  panel = Rico.SlidingPanel.top( $('outer_panel'), $('inner_panel'));
});


body {
  font-family : Trebuchet MS, Arial, Helvetica, sans-serif;
}
h1 { font-size: 16pt; }
#header{
  margin: 0 10px;
  position: relative;
}
#top-panel {
  background-color : #6b795a;
  height: 17px;
  margin: 0px;
  padding:0px;
  position: relative;
  width: 570px;
  font-size: 8pt;
}
#inner_panel {
  position: relative;
  top: 0px;
  background-color: #adba8c;
  margin:0px;
  border: 1px solid #6b795a;
}
#outer_panel {
  overflow: hidden;
  position: absolute;
  z-index: 1;
  padding-left: 15px;
  top: 17px;
  width: 530px
}
pre {font-size: 11px;}
a img { border: none;vertical-align:top; }
a { 
  text-decoration:none; 
  color: Bisque;
}



Rico Pull-Down Example

  
    
        
     View the code...


  
    
      
      Pull down demonstration


var panel = Rico.SlidingPanel.top( $('outer_panel'), $('inner_panel'));
//
panel.toggle();