0

我有代码，我想显示打开的页面导航页面点击，我想根据打开的页面突出显示点击链接。

但是，现在当点击此导航栏中的来链接时，页面会重新加载并仅显示 UL 打开的主页。

我想执行，当用户点击链接框 UL 需要显示的某个链接时。下面是我的代码

<div id="sidebar">
<div class="box">
<div class="h_title">&#8250; <b>Home</b></div>
<ul id="home">
<li class="b1"><a class="icon page" href="/portal/">Status</a></li>
</ul>
</div>
<div class="box">
<div class="h_title">&#8250; <b>About Us</b></div>
<ul>
<li class="b1"><a class="icon page" href="">Custom Report</a></li>
<li class="b1"><a class="icon page" href="">History Log</a></li>
<li class="b1"><a class="icon page" href="">Graphs</a></li>
</ul>
</div>
<div class="box">
<div class="h_title">&#8250; <b>PROFILES</b></div>
<ul>
<li class="b1"><a class="icon page" href="">Filters</a></li>
<li class="b1"><a class="icon page" href="">StaffList</a></li>
<li class="b1"><a class="icon page" href="">StudentList</a></li>
</ul>
</div>
<div class="box">
<div class="h_title">&#8250; <b>ADMINISTRATION</b></div>
<ul>
<li class="b1"><a class="icon page" href="">Manage Licenses</a></li>
<li class="b1"><a class="icon page" href="">Change Password</a></li>
</ul>
</div>
</div>

<script type="text/javascript" src="/static/js/jquery-1.7.2.min.js"></script>
<script type="text/javascript">
   $(function(){
   $(".box .h_title").not(this).next("ul").hide("normal");
   $(".box .h_title").not(this).next("#home").show("normal");
   $(".box").children(".h_title").click( function() { $(this).next("ul").slideToggle(); });
  });
</script>

谢谢你 Pervez

4

1 回答 1

0

显然你想要一个点击导航。你不需要重新发明轮子。尝试 jquery ui 点击导航：

jQuery UI 选项卡 http://jqueryui.com/tabs/

于 2012-10-10T06:13:11.130 回答