Выдвижное меню под любой дизайн

<script type="text/javascript" src="http://studioac.ru/s1/uploads/accordion-color/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="http://studioac.ru/s1/uploads/accordion-color/script.js"></script>

Выдвижное меню доступное в красных, голубых, зеленых, и в оранжевых тонах.

В head ставим:
[code]<script type="text/javascript" src="http://studioac.ru/s1/uploads/accordion-color/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="http://studioac.ru/s1/uploads/accordion-color/script.js"></script>

ul{
  margin:0;
  padding:0;
}

ul.container{
  width:240px;
  margin:0 auto;
  padding:50px;
}

li{
  list-style:none;
  text-align:left;
}

li.menu{
  padding:5px 0;
  width:100%;
}

li.button a{
  display:block;
  font-family:BPreplay,Arial,Helvetica,sans-serif;
  font-size:21px;
  height:34px;
  overflow:hidden;
  padding:10px 20px 0;
  position:relative;
  width:200px;
}

li.button a:hover{
  text-decoration:none;
}

li.button a span{
  height:44px;
  position:absolute;
  right:0;
  top:0;
  width:4px;
  display:block;
}

li.button a.blue{background:url(http://www.studioac.ru/s1/uploads/accordion-color/img/blue.png) repeat-x top left; color:#074384;}
li.button a.blue span{ background:url(http://www.studioac.ru/s1/uploads/accordion-color/img/blue.png) repeat-x top right;}

li.button a.green{background:url(http://www.studioac.ru/s1/uploads/accordion-color/img/green.png) repeat-x top left; color:#436800;}
li.button a.green span{ background:url(http://www.studioac.ru/s1/uploads/accordion-color/img/green.png) repeat-x top right;}

li.button a.orange{background:url(http://www.studioac.ru/s1/uploads/accordion-color/img/orange.png) repeat-x top left; color:#882e02;}
li.button a.orange span{ background:url(http://www.studioac.ru/s1/uploads/accordion-color/img/orange.png) repeat-x top right;}

li.button a.red{background:url(http://www.studioac.ru/s1/uploads/accordion-color/img/red.png) repeat-x top left; color:#641603;}
li.button a.red span{ background:url(http://www.studioac.ru/s1/uploads/accordion-color/img/red.png) repeat-x top right;}

li.button a:hover{ background-position:bottom left;}
li.button a:hover span{ background-position:bottom right;}

.dropdown{
  display:none;
  padding-top:5px;
  width:100%;
  border-left, border-bottom, border-right:1px solid #ccc;
}

.dropdown li{
  background-color:#373128;
  border:1px solid #40392C;
  color:#CCCCCC;
  margin:5px 0;
  padding:4px 18px;
}