在我的项目中有一个相应的菜单 H2,如果我单击任何菜单名称 H2 然后它打开并显示子项。现在默认情况下它是第一个(管理机构)打开..所以当我点击任何链接说像添加画廊它去那个页面和画廊管理将是开放的(活动的)和其余的将被关闭。现在总是打开第一个(管理机构) ..
我怎么能那样做。任何想法。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>