выпадающее меню

[scuter]

ххх,
не сочтите за спам,
менюшка

<ul id="MenuBar1" class="MenuBarHorizontal">
      <li><a class="MenuBarItemSubmenu" href="#">Item 1</a>
          <ul>
            <li><a href="#">Item 1.1</a></li>
            <li><a href="#">Item 1.2</a></li>
            <li><a href="#">Item 1.3</a></li>
          </ul>
      </li>
      <li><a href="#">Item 2</a></li>
      <li><a class="MenuBarItemSubmenu" href="#">Item 3</a>
          <ul>
            <li><a class="MenuBarItemSubmenu" href="#">Item 3.1</a>
                <ul>
                  <li><a href="#">Item 3.1.1</a></li>
                  <li><a href="#">Item 3.1.2</a></li>
                </ul>
            </li>
            <li><a href="#">Item 3.2</a></li>
            <li><a href="#">Item 3.3</a></li>
          </ul>
      </li>
      <li><a href="#">Item 4</a></li>
    </ul>
<script type="text/javascript">
<!--
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
//-->
</script>

[ardjuna]

Здравствуйте.
Подскажите новичку какими функциями javascript создать выпадающий список (пока хочу как на сайте http://n.constructor.ru/vm/categorie/id/413/ в верхнем левом углу. )

[Gvozd]

Например так:

function func(id)
{
item=document.getElementById(id);
if(item.style.display=="none")
    item.style.display="block"
else
    item.style.display="none"
}

<div onclick="func('podmenu')">Меню</div>
<div id="podmenu" style="display:none">
<a href="">podmenu_1</a></br>
<a href="">podmenu_2</a></br>
<a href="">podmenu_3</a></br>
</div>

код не оптимизирован, и не являет собой пример универсальности, и вообще противоречит правилам здоровой верстки, и приведен здесь исключительно с целью показать чем пользоватся.
По хорошему делу надо использовать для менюшек списки, и сделать таблицу стилей, для всех менюшек-подменюшек, и менять класс стиля для соответствующих элементов.
Советую почитать эту статью 7 шагов к грамотному javascript-дереву