|
| Дата: Суббота, 04.08.2012, 16:17 | Сообщение # 1 |
|
Группа: Администраторы
Сообщений: 1530
| <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>
|
| |
| |
Играйте бесплатно в 
