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>

ありがとうペルベス

4

1 に答える 1

0

明らかに、タップ ナビゲーションが必要です。車輪を再発明する必要はありません。jquery ui タップ ナビゲーションを試してください:

jQuery UI タブ http://jqueryui.com/tabs/

于 2012-10-10T06:13:11.130 に答える