Question

我正在使用相当大的手风琴风格导航site（它不使用手风琴UI）。

单击时，有四个子菜单部分可以打开。我突出显示了活动链接。剩下的一个步骤是在子菜单中的页面上保持当前活动的子菜单打开。我在处理静态页面时可以保持打开状态，但是在这个站点上导航是一个包含文件，因此我需要一些帮助来制定一个动态的方法来保持这些部分的打开。

以下是我正在使用的代码：

<script type="text/javascript">
$(function(){

$('ul#menu3 ul').hide();                
$('ul#menu3 > li > a.drop').click(function(){
$(this).parent().children('ul').toggle("slow");
   return false;
   });                      
});
</script>

基本上我需要的是将类应用于活动组以便显示的某种方法。任何帮助将不胜感激。

感谢。

Answer 1

我会把子菜单动画放在一个函数中，所以要调用子菜单，你在你的href上使用

onclick="showSubMenu('id')"

该功能可以处理滑入。然后一旦点击到需要显示子菜单的页面，只需在页面末尾添加一个小的

<script>document.ready(function() {showSubMenu('parent-id')});</script>

希望这有帮助。

C

Answer 2

您可能需要动态地将该类作为变量或自身的元素应用。 e.g。

var page = 'ul#menu3';

然后使用此变量触发初始状态，例如

$('#ul#menu3').show();

这将需要在与下拉列表相关的所有其他javascript之前运行

Answer 3

这是我最终用来解决问题的方法：

$(function(){
$('#mainContentTabs').tabs();
$('#subContentTabBoxes').tabs();
$('.interior #subContent > ul > li > a.drop').click(function(){
$(this).parent().children('ul').toggle("slow");
     return false;
});

$(window).ready(function() {
$('li.products ul').show();
    $('li.technical ul').show();
    $('li.tips ul').show();
$('li.quicklinks ul').show();
});

感谢。

jQuery导航 - 需要帮助

3 个答案: