Среда, 09.07.2025, 21:44
Реклама:
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Закрытие\Открытие блока
maks-9696 Дата: Пятница, 18.03.2011, 18:14 | Сообщение # 1
Сообщений: 27
Замечания:
Уважение [ 0 ]
Список подарков

Подключаем JQ:
Code
<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.3.js"></script>

После <head> пишем:
Code
<style>   
.clos{   
display:none;   
}   
</style>

Затем в <body>:
Code
<script type="text/javascript">   
function menu(){   
$("#m").slideUp("slow");   
$("#clos").show();   
$("#a").hide();   
}   
function off(){   
$("#m").slideDown("slow");   
$("#clos").hide();   
$("#a").show();   
}   
</script>

Далее содержимое блока помещаем в
Code
<div id="m">  
СОДЕРЖИМОЕ  
</div>

или задаем id="m"
Т.е. так например:
Code
<div id="m">   
<li><a title="Главная" href="/">Страница 1</a></li>   
<li><a title="Главная" href="/">Страница 2</a></li>   
</div>

Кнопки "открыть/закрыть"
Code
<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>



  • Страница 1 из 1
  • 1
Поиск:


Хостинг от uCoz