<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>

<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>