0

メイン ナビゲーションのアイテムがクリックされたときに、アクティブなクラスをサブメニュー (subnav) アイテムに追加しようとしています。目標は、メイン メニュー項目がクリックされたときにサブメニュー項目を強調表示することです。サブメニュー項目は、ページのセクションへのリンクです。

<div id="subnav">
  <ul>
    <li><a href="#adaptivetech">Adaptive Technology</a></li>
    <li><a href="#iepspecialed">IEP and Special Ed Forms</a></li>
    <li><a href="#behaviorplanning">Behavior Planning Forms</a></li>
    <li><a href="#npsnpainfo">NPS/NPA Information and Forms</a></li>
    <li><a href="#privateschoolref">Private School Referral for Assessment</a></li>
    <li><a href="#programtransfer">Program Transfer</a></li>
  </ul>
</div>

メインメニューは次のようになります。

<ul class="sf-menu">
    <li><a href="newselpasite3.html">Home</a></li>
    <li><a href="#">Meetings/Workshops</a>
     <ul>
    <li><a href="#">Selpa Workshops</a></li>
      <li><a href="#">Selpa Committee Meeting for 2012-2013</a></li>
        <li><a href="#">Archived Agendas and Minutes</a></li>
              </ul></li>
    <li><a href="#" class="top_parent">Services</a>
    <ul>
    <li><a href="#">Adaptive Technology Center</a></li>
      <li><a href="#">Alternative Dispute Resolution</a></li>
        <li><a href="#">Autism Support</a></li>
          <li><a href="#">BEST Schoolwide Positive Behavior Support</a></li>
            <li><a href="#">Community Advisory Committee</a></li>
              <li><a href="#">Early Start Infant Program</a></li>
              </ul>
    </li>
    <li><a href="#" class="active">Forms</a>
    <ul>
      <li><a href="#adaptivetech">Adaptive Technology</a></li>
      <li><a href="#iepspecialed">All IEP and Special Education Forms</a></li>
       <li><a href="#behaviorplanning">Behavior Planning Forms</a></li>
       <li><a href="#npsnpainfo">NPS/NPA Information and Forms</a></li>
       <li><a href="#privateschoolref">Private School Referral for Assessment</a></li>
       <li><a href="#programtransfer">Program Transfer</a></li>
    </ul></li>

ありがとう。

4

2 に答える 2

0

フォローしてみてください。

$('li').each(function(){
    if(window.location.href.indexOf($(this).find('a:first').attr('href'))>-1)
    {
    $(this).addClass('active').siblings().removeClass('active');
    }
});
于 2013-11-14T08:41:23.193 に答える
0

次のようなものかもしれません:フィドル

$('ul li ul').find('li a').click(function(){
     var $this = $(this);
     $('a').removeClass('active');
     $this.addClass('active');
});
于 2013-02-22T17:35:05.097 に答える