Как подсветить активный пункт меню и развернуть его подменю Как подсветить активный пункт меню и развернуть его подменю - Архив
Как подсветить активный пункт меню и развернуть его подменю
DownLoad_Free

Как подсветить активный пункт меню и развернуть его подменю - Архив

Нашли ошибку или
хотите что-то сообщить -
жмите Ctr+Enter Система Orphus



    [Ленточный вид форума] [Поиск] [RSS]



Страница 1 из 11
Архив » История мировых и локальных событий » История развития сайта » Как подсветить активный пункт меню и развернуть его подменю (с помощью javascript(jquery))
Как подсветить активный пункт меню и развернуть его подменю
Дата: Суббота, 04.08.2012, 16:17 | Сообщение # 1
Группа: Администраторы
Сообщений: 1524
<style>
.red a {color:red}
</style>
<script type="text/javascript" src="http://s21.ucoz.net/src/jquery-1.7.2.js"></script
<body>
<ul id="ul1">
<h3 id="m1">header1</h3>
<ul style="display:none;">
<li><a href="/?id=4">Page 4</a></li>
<li class="last"><a href="/?id=5">Page 5</a></li>
</ul>

<h3 id="m2">header2</h3>
<ul style="display:none">
<li><a href="/?id=6">Page 6</a></li>
<li><a href="/?id=7">Page 7</a></li>
</ul>

</ul>

<script>
var p=document.location.hash;

//подсвечиваем пункт
$("#ul1 li").each(function() {

var x=$(this).html();
var x1=x.replace(p,"");
if(x.length!=x1.length) $(this).addClass("red") ;

});

//разворачиваем подменю
$("#ul1 ul").each(function() {

var x=$(this).html();
var x1=x.replace(p,"");
if(x.length!=x1.length) $(this).css({display:"block"}) ;

});

//разворачиваем пункты меню по клику
$("h3").click(function() {
$("#ul1 ul").fadeOut();
var x2=this.id;
$("#"+x2+"+ul").fadeIn();

});
</script>
</body>
 
Архив » История мировых и локальных событий » История развития сайта » Как подсветить активный пункт меню и развернуть его подменю (с помощью javascript(jquery))
Страница 1 из 11
Поиск:


Copyright kachay.ucoz.org © 2008-2016Хостинг от uCoz
^ Наверх ^
Пригодилось!