[spoiler="Скриншот"][/spoiler]
[Table]Качаем и заливаем себе на сайт файлы(по папкам, как в архиве) - Скачать[/Table]
[Table]В верхнюю часть сайта в самый низ ставим:[/Table]
Code
<script language="javascript" type="text/javascript" src="/mjs/jquery.js"></script>
<script language="javascript" type="text/javascript" src="/mjs/accordion.js"></script>
[Table]В CSS ставим:[/Table]
Code
/* Menu */
.accordion h3 {font-size : 11px;color : #fff;padding-left : 10px;background : url(/mimg/accordion.png) no-repeat right 0;line-height :25p;height : 25px;cursor : pointer;margin : 0;text-align : left;font-weight : bold;}
.accordion h3:hover {background : url(/mimg/accordion.png) no-repeat right -25px;color : #ff0000;}
.accordion h3.active {background : url(/mimg/accordion.png) no-repeat right -50px;}
.accordion h3.active:hover {background : url(/mimg/accordion.png) no-repeat right -75px;}
.accordion p {display : none;margin : 0;padding : 7px 0 7px 7px;}
.accordion a {font-size : 11px;color : #fff;text-align : left;font-weight : bold;padding-left : 15px;}
.accordion p.linked a {background : url(/mimg/bull.gif) no-repeat 0 50%;}
/* ---------- */
[Table]В блок ставим:[/Table]
Code
<div class="accordion">
<h3><span style="position: relative; top: 5px">Multi-Rip.Ru</span></h3>
<p class="linked">
<a href="http://multi-rip.ru/">Multi-Rip.Ru</a><br>
<a href="http://multi-rip.ru/">Multi-Rip.Ru</a><br>
<a href="http://multi-rip.ru/">Multi-Rip.Ru</a><br>
<a href="http://multi-rip.ru/">Multi-Rip.Ru</a><br>
<a href="http://multi-rip.ru/">Multi-Rip.Ru</a><br>
</p>
<h3><span style="position: relative; top: 5px">Multi-Rip.Ru</span></h3>
<p class="linked">
<a href="http://multi-rip.ru/">Multi-Rip.Ru</a><br>
<a href="http://multi-rip.ru/">Multi-Rip.Ru</a><br>
<a href="http://multi-rip.ru/">Multi-Rip.Ru</a><br>
<a href="http://multi-rip.ru/">Multi-Rip.Ru</a><br>
<a href="http://multi-rip.ru/">Multi-Rip.Ru</a><br>
</p> </div>
[Table]Внимание! Меню встанет без багов на такой-же дизайн, как и на stalker-genezis![/Table]