В обычном состоянии:
В полностью раскрытом состоянии:
Как сделать такое меню: 1. Скачиваем архив и кидаем папку с файлами в корень сайта
Скачать архив
2. Кидаем данный код в head сайта
Code
<link rel="stylesheet" type="text/css" href="sdmenu/sdmenu.css" />
<script type="text/javascript" src="sdmenu/sdmenu.js"></script>
<script type="text/javascript">
// <![CDATA[
var myMenu;
window.onload = function() {
myMenu = new SDMenu("my_menu");
myMenu.init();
};
// ]]>
</script>
3. Кидаем данный код туда, где хотите видеть это меню
Code
<div style="float: left" id="my_menu" class="sdmenu">
<div>
<span>Название меню</span>
<a href="ваша ссылка">Название ссылки</a>
<a href="ваша ссылка">Название ссылки 2</a>
<a href="ваша ссылка">Название ссылки 3</a>
<a href="ваша ссылка">Название ссылки 4</a>
<a href="ваша ссылка">Название ссылки 5</a>
<a href="ваша ссылка">Название ссылки 6</a>
</div>
<div>
<span>Название меню</span>
<a href="ваша ссылка">Название ссылки</a>
<a href="ваша ссылка">Название ссылки 2</a>
<a href="ваша ссылка">Название ссылки 3</a>
</div>
<div class="collapsed">
<span>Название меню</span>
<a href="ваша ссылка">Название ссылки</a>
<a href="ваша ссылка">Название ссылки 2</a>
<a href="ваша ссылка">Название ссылки 3</a>
<a href="ваша ссылка">Название ссылки 4</a>
</div>
<div>
<span>Название меню</span>
<a href="ваша ссылка">Название ссылки</a>
<a href="ваша ссылка">Название ссылки 2</a>
<a href="ваша ссылка">Название ссылки 3</a>
<a href="ваша ссылка">Название ссылки 4</a>
</div>
</div>
