1

私のプロジェクトでは、任意のメニュー名 H2 をクリックすると、それに応じたメニュー H2 が 1 つあり、そのメニューを開いてサブメントを表示します。現在、デフォルトでは1番目（統治体）が開いています..リンクをクリックすると、「ギャラリーを追加」などのリンクをクリックすると、そのページに移動し、ギャラリー管理が開き（アクティブ）、残りが閉じます。現在、常に最初のもの（統治体）を開いています..

どうすればそれができますか。何か案が。Jquery や php は問題ありません。私はそれを機能させるだけです…</p>

これをチェックしてくださいhttp://jsfiddle.net/KM4w6/

$(document).ready(function(){


//sub menu  
//Set default open/close settings
$('.acc_container').hide(); //Hide/close all containers
//$('.acc_trigger:first').addClass('active').next().show(); //Add "active" class to first trigger, then show/open the immediate next container

//On Click
$('.acc_trigger').click(function(){
    if( $(this).next().is(':hidden') ) { //If immediate next container is closed...
        $('.acc_trigger').removeClass('active').next().slideUp(); //Remove all .acc_trigger classes and slide up the immediate next container
        $(this).toggleClass('active').next().slideDown(); //Add .acc_trigger class to clicked trigger and slide down the immediate next container
    }
    return false; //Prevent the browser jump to the link anchor
});

}); 




 <div class="navarea">
  <h2 class="acc_trigger">Governing Body</h2>
  <div class="acc_container">
    <ul>
      <li><a href="new_position.php">Add Position</a></li>
      <li><a href="list_position.php">Edit/Delete Position</a></li>
      <li><a href="new_member.php">Add Member</a></li>
      <li><a href="list_member.php">Edit/Delete Member</a></li>
    </ul>
  </div>
  <h2 class="acc_trigger">Gallery Managment</h2>
  <div class="acc_container">
    <ul>
      <li><a href="new_gallery_info.php">Add Gallery</a></li>
      <li><a href="list_gallery_info.php">Edit/Delete Gallery</a></li>
      <li><a href="list_gallery_images.php">Gallery Images Management</a></li>
    </ul>
  </div>

   <h2 class="acc_trigger">Other</h2>
   <div class="acc_container">
  <ul>
    <li><a href="cms.php?page='about_us'">About Us</a></li>
    <li><a href="new_link.php">Add Link</a></li>
    <li><a href="list_link.php">Edit/Delete Link</a></li>
    <li><a href="new_event.php">Add Event</a></li>
    <li><a href="list_event.php">Edit/Delete Event</a></li>
  </ul>
  </div>
</div>
4

2 に答える 2

1

検出する別のページ/URL があると仮定すると、次のようなことができます。

if(window.location.indexOf('_gallery')>0){
   $('.acc_trigger:contains("Gallery Managment")').click();
} else if(window.location.indexOf('_position')>0 || window.location.indexOf('_member')>0){
   $('.acc_trigger:contains("Governing Body")').click();
}

編集されたフィドル。

于 2013-05-08T17:25:05.473 に答える
0

こんな感じです。私がチェックしました。その適切な方法は...または他の良い方法があります。

if( location.href.match("new_gallery_info.php") ){
   $('.acc_trigger:contains("Gallery Managment")').click();

}
于 2013-05-09T09:15:30.190 に答える