Суббота, 26.07.2025, 12:55

Мой сайт

Мини-чат
uCoz Система
Телевизионные шоу Документальные Приключения Исторические Ужасы Боевики Анимэ Криминал Фантастика Драмы Детективы Мультфильмы Фэнтези Мелодрамы Спорт
Наш Сервер
Мониторинг серверов Counter-Strike: Source
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Закрытие\Открытие блока
NeoДата: Суббота, 12.02.2011, 23:52 | Сообщение # 1
Логин: Neo
Сообщения: 321
Наград: 0
Замечаний:
-
+
«178»

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

После <хеад> пишем:

Code
<style>    
.clos{    
display:none;    
}    
</style>

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

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

или задаем 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>



[TableRed][/TableRed]
  • Страница 1 из 1
  • 1
Поиск: