如何在导航栏中显示打开的页面点击

Question

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

但是，现在当单击此导航栏中的come链接时，页面会重新加载，并且只显示打开的主页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>   

谢谢你，佩尔韦兹

Answer 1

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

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