需要jQuery导航辅助

我有一个基于jQuery的手风琴风格导航，我试图修改。

它使用此代码：

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

我需要能够对活动页面所在的部分保持开放状态。 我可以突出显示与CSS的活动链接，但可以使用一些好的建议，让它对活动部分保持开放。

导航如下：

 
 
Products 
 
New Products
 
Ink Systems
 
Specialty Inks
 
Environmental Inks
 
White Plastisol Inks
 
Plastisol Bases
 
Plastisol Ink Series
 
Non-PVC Water-Based System
 
Modifiers & Additives
 
Complete Product Listing
 
 
 
Technical Information 
 
Technical Data Sheets
 
MSDS
 
Online Color Card
 
Mixing System Software
 
Technical Bulletins
 
 
 
Tips & Techniques 
 
Trade Tips
 
Gallery of Techniques
 
 
  

注意：我尝试用jquery ui手风琴来做这件事，但我在页面上与另一个手风琴之间存在造型冲突。

你可以在这里看到它：它是侧边栏导航。

谢谢你的帮助。

Answer 1

我会在’li’元素中添加一个名称或类，以便您可以定位所需的标签，并在onready上调用’show（）’：

 
 
Products ... 
 
Technical Information ... 
 
Tips & Techniques ... 
  

toggle（）实际上调用hide（）/ show（），所以在onready上调用show（）对所需的’ul’进行调用

 jQuery(window).ready(function() { jQuery('li[name=products] ul').show(); }); 

Answer 2

绕过uls而不是质量作用于它们。 如果您可以选择给定ul下的活动li，则不要缩小它。

编辑：我认为这会让你接近你想要的东西，它有点干编码所以我不是100％，建议进行测试。

 $('.interior #subContent > ul > li > a.drop').click(function(){ $(this).parent().children('ul').each(function() { if ($('li.active', this).length == 0) { $(this).show("slow"); } else { $(this).toggle("slow"); } }); return false; }); 

Answer 3

我从上面的Bryan和jshali得到了一些非常可靠的输入，我想发布最终的解决方案，结果非常好。

  $('.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(); }); 

然后我将相应的类添加到list元素中。 添加类比名称更容易：

 
Products 

很好地感谢你的帮助。