Вертикальное раздвижное меню для UCOZ как на css-play4fun

/* MENU by css-play4fun.ru*/
.bngreen { width: 210px; background: #fff url("http://css-play4fun.ru/menu/new/bngreen.png") repeat-y; }
  .bngreen .bngreen { padding: 0 0 0px 0; }
  .bngreen .bngarrow { float: right; margin-top: -31px; }
  .bngreen .dcont { overflow: hidden; margin: 0 1px 0 0 ; }
  .bngreen ul { font-size: 11px; margin-top: -2px; }
  .bngreen ul li { position: relative; background: url("http://css-play4fun.ru/menu/new/bngreennav.png") no-repeat; }
  .bngreen ul a, .bngreen ul span.sublink { text-indent: 6px; display: block; color: #704b3d; width: 209px; height: 25px; line-height: 25px; overflow: hidden;padding-left:20px;text-shadow:0 1px 1px rgba(0, 0, 0, 0.5);}
  .bngreen ul a:hover, .bngreen ul span.sublink:hover { color: #fff; background: url("http://css-play4fun.ru/menu/new/bngreennav.png") no-repeat -209px 0px; }

  .bngreen ul span.sublink { cursor: pointer; }
  .bngreen ul .sublink img { width: 14px; height: 14px; position: absolute; top: 6px; right: 15px; background: url("http://css-play4fun.ru/menu/new/open-close.png") no-repeat; }
  .bngreen ul .closed img { background-position: 0 0; }
  .bngreen ul .opened img { background-position: 0 -14px; }

  .bngreen ul .submenu { overflow: hidden; }
  .bngreen ul .submenu ul { margin: 0; padding: 5px; font-size: 1em;background: url("http://css-play4fun.ru/menu/new/sublinks1.png") no-repeat; }
  .bngreen ul .submenu ul li { background: url("http://css-play4fun.ru/menu/new/sublinks1.png") repeat-x ; padding-left: 13px; }
  .bngreen ul .submenu ul li a { color: #fff; width: 100%; height: auto; line-height: normal; padding: 4px 0; text-indent: 0; background: none; }
  .bngreen ul .submenu ul li a:hover { color: #fff; }

table { border-collapse: collapse; border-spacing: 0; }
.reset, .reset li { list-style: none; padding: 0; margin: 0; }
/* END MENU */

<div class="bngreen">  
  <div class="dcont">  
  <ul class="reset">  
  <li><a href="/index.php"><b>Главная</b></a></li>  
  <li><span class="sublink"><b>Видео по CS</b></span></li>  
  <li class="submenu">  
  <ul class="reset">  
<li><a href='http://css-play4fun.ru/blog/poleznoe/1-0-16' title='Видео уроки по КС'>» Видео уроки</a></li>  
<li><a href='http://css-play4fun.ru/blog/muviki/1-0-7' title='Мувики по КС'>» Мувики</a></li>  
<li><a href='http://css-play4fun.ru/blog/trejlery/1-0-6' title='Трейлеры по КС'>» Трейлеры</a></li>  
<li><a href='http://css-play4fun.ru/blog/mini_klipy/1-0-15' title='Мини-Клипы по КС'>» Мини-Клипы</a></li>  
<li><a href='http://css-play4fun.ru/blog/prikoly_css/1-0-11' title='Приколы в КСе'>» Приколы в cs</a></li>  
   
<li><a href='http://css-play4fun.ru/blog/taktiki_ot_wesgg/1-0-12' title='Видео Тактики от WESgg для Counter-Strike'>» Тактики от WESgg</a></li>  
<li><a href='http://css-play4fun.ru/blog/taktika_na_de_train/1-0-1' title='Видео Тактики на карте de_train для Counter-Strike'>» Тактики на de_train </a></li>  
<li><a href='http://css-play4fun.ru/blog/taktika_na_de_dust/1-0-9' title='Видео Тактики на карте de_dust для Counter-Strike'>» Тактики на de_dust </a></li>  
<li><a href='http://css-play4fun.ru/blog/taktika_na_de_nuke/1-0-13' title='Видео Тактики на карте de_nuke для Counter-Strike'>» Тактики на de_nuke</a></li>  
<li><a href='http://css-play4fun.ru/blog/taktika_na_cs_militia/1-0-3' title='Видео Тактики на карте cs_militia для Counter-Strike'>» Тактики на cs_militia</a></li>  
   
<li><a href='http://css-play4fun.ru/blog/taktika_na_de_aztec/1-0-2' title='Видео Тактики на карте de_aztec для Counter-Strike'>» Тактики на de_aztec </a></li>  
<li><a href='http://css-play4fun.ru/blog/taktika_na_de_dust2/1-0-8' title='Видео Тактики на карте de_dust2 для Counter-Strike'>» Тактики на de_dust2 </a></li>  
<li><a href='http://css-play4fun.ru/blog/taktika_na_de_contra/1-0-18' title='Видео Тактики на карте de_contra для Counter-Strike'>» Тактика на de_contra</a></li>  
<li><a href='http://css-play4fun.ru/blog/taktika_na_de_tuskan/1-0-4' title='Видео Тактики на карте de_tuskan для Counter-Strike'>» Тактики на de_tuskan</a></li>
<li><a href='http://css-play4fun.ru/blog/taktika_na_de_season/1-0-17' title='Видео Тактики на карте de_season для Counter-Strike'>» Тактика на de_season</a></li>  
<li><a href='http://css-play4fun.ru/blog/taktika_na_de_inferno/1-0-10' title='Видео Тактики на карте de_inferno для Counter-Strike'>» Тактики на de_inferno</a></li>  
<li><a href='http://css-play4fun.ru/blog/taktika_na_de_prodigy/1-0-5' title='Видео Тактики на карте de_prodigy для Counter-Strike'>» Тактика на de_prodigy</a></li>  
<li><a href='http://css-play4fun.ru/blog/raznoe/1-0-14' title='Разные тактические советы по КС'>» Разные тактические советы </a></li>  

  </ul>  
  </li>  
  <li><span class="sublink"><b>Тактические статьи</b></span></li>  
  <li class="submenu">  
  <ul class="reset">  
<li><a href='http://css-play4fun.ru/publ/takticheskie_sovety_na_kartakh_kss/9' title='Тактические статьи на картах CS'>» Тактические советы на картах</a></li>  
<li><a href='http://css-play4fun.ru/publ/counter_strike_source/2' title='Боевые действия по CS'>» Боевые действия по CS</a></li>  
<li><a href='' title='Обозначения позици и маркировка точек в css'>» Обозначения позиций</a></li>  

  </ul>  
  </li>  
  </ul>  
   
   
   
   
   
   

<ul class="reset">  
  <li><span class="sublink"><b>Конфиги/Скрипты</b></span></li>  
  <li class="submenu">  
  <ul class="reset">  

<li><a href="http://css-play4fun.ru/load/konfigi_professionalnykh_igrokov_css/44" >» Конфиги pro игроков</a> </li>  
<li><a href="http://css-play4fun.ru/load/konfigi_dlja_servera_css/146" >» Конфиги для сервера css</a> </li>  
<li><a href="http://css-play4fun.ru/load/raznoe/60" >» Скрипты для игры css</a> </li>  
  </ul>  
  </li>  
  </ul>  

   
<ul class="reset">  
  <li><span class="sublink"><b>Демки STV для css</b></span></li>  
  <li class="submenu">  
  <ul class="reset">  

<li><a href="http://css-play4fun.ru/load/demki_new_css/demki_dlja_css_ver_34/71" >» Демки для css ver.34</a> </li>  
<li><a href="http://css-play4fun.ru/load/demki_new_css/demki_dlja_novoj_css/72" >» Демки PRO команд</a> </li>  
<li><a href="http://css-play4fun.ru/load/demki_new_css/cyberarena_turnir_intel_challenge_supercup/107" >» Cyberarena SuperCup 2011</a> </li>
<li><a href="http://css-play4fun.ru/load/demki_new_css/demki_sbornykh_stran/142" >» Демки сборных стран</a> </li>  
  </ul>  
  </li>  
  </ul>  
   
   
<ul class="reset">  
  <li><span class="sublink"><b>Скачать cs/Патчи</b></span></li>  
  <li class="submenu">  
  <ul class="reset">  

<li><a href="http://css-play4fun.ru/load/skachat_piratku_css/patchi_css/121" >» Патчи css</a> </li>  
<li><a href="http://css-play4fun.ru/load/skachat_piratku_css/skachat_cs_1_6/114" >» Скачать CS 1.6 </a> </li>  
<li><a href="http://css-play4fun.ru/load/skachat_piratku_css/skachat_cs/108" >» Скачать CS Promod 1.05</a> </li>
<li><a href="http://css-play4fun.ru/load/skachat_piratku_css/skachat_piratku_css_ver_34/117" >» Скачать пиратку CSS ver.34</a> </li>  
<li><a href="http://css-play4fun.ru/load/skachat_piratku_css/skachat_css_ver_58/115" >» Скачать CSS no steam ver. 58</a> </li>  
  </ul>  
  </li>  
  </ul>  
   
   
   
   
  </div>  
</div>
   
<script type="text/javascript" src="http://css-play4fun.ru/menu/ddaccordion.js"></script>  
<script type="text/javascript">  
ddaccordion.init({
  headerclass: "sublink",
  contentclass: "submenu",
  revealtype: "click",
  mouseoverdelay: 200,
  collapseprev: false,
  defaultexpanded: [],
  onemustopen: false,
  animatedefault: false,
  persiststate: true,
  toggleclass: ["closed", "opened"],
  togglehtml: ["suffix", "<img src='http://css-play4fun.ru//images/spacer.gif' alt='-' /> ", "<img src='http://css-play4fun.ru//images/spacer.gif' alt='+' /> "],
  animatespeed: "fast",
  oninit:function(expandedindices){ },
  onopenclose:function(header, index, state, isuseractivated){ }
})
</script>