Scriptaculous JavaScript DHTML

  1. Home
  2. JavaScript DHTML
  3. Scriptaculous
  4. Click header to slide in and out






Untitled Document

#menu {
  width: 300px;
  border: 1px #000 solid;
}
.menu_header {
  background-color: #00CC99;
  color: #FFFFFF;
}
.menu_block {
  background-color: #006699;
  color: #FFFFFF;
  overflow:hidden;
}
.menu_block div {
}
.close_block {
  position: relative;
  width: 100%;
  bottom: 0px;
  height: 15px;
  text-align: center;
  display: block;
}







  HEADER 1

  
    

      text

        text

        text

        text

        text

        text

        text

        close

  

  HEADER 2
  
    

      text

        text

        text

        text

        text

        text

        text

        close