Подключаем JQ:

<script type="text/javascript" src="http://ucozua.ru/Scripts/5/jquery-1.4.3.js"></script>

После <хеад> пишем:
Code: Выделить всё
<style>
.clos{
display:none;
}
</style>

Затем в <боди>:

<script type="text/javascript">
function menu(){
$("#m").slideUp("slow");
$("#clos").show();
$("#a").hide();
}
function off(){
$("#m").slideDown("slow");
$("#clos").hide();
$("#a").show();
}
</script>

Далее содержимое блока помещаем в

<div id="m">

или задаем id="m"
Т.е. так например:

<div id="m">
<li><a title="Главная" href="/">Страница 1</a></li>
<li><a title="Главная" href="/">Страница 2</a></li>
</div>

Кнопки "открыть/закрыть"

<a href="javascript://" id="a" onclick="menu()" style="font-size:6px;">Закрыть</a>
<a href="javascript://" id="clos" class="clos" onclick="off()" style="font-size:6px;">Открыть</a>

Автор =DeMoN=