jQuery 切换菜单与子项 CSS 有问题答案

【问题标题】：jQuery toggle menu has issues with sub-item CSSjQuery 切换菜单与子项 CSS 有问题
【发布时间】：2011-06-24 22:28:27
【问题描述】：

我们有一个不遵守时间表的开发人员的糟糕经历，所以我们不得不放弃它们。话虽如此，我们正在自己完成该网站，并且只剩下一些项目。其中之一是他制作的基于 JQuery 的导航切换......它适用于主要级别的项目，但是当您进入子菜单项时，它会停止使用适当的 CSS。我认为这是一个基本的“将其添加到 CSS”的答案，但我对 CSS 的了解还不够好，无法弄清楚。

CSS 和我认为的 JS 调用它可以在这里看到：http://jsfiddle.net/C8vwJ/ 问题可以在这里看到：http://74.124.14.50/connecting-point/outreach/（请注意“Outreach”下方子项上的 +“toggle open”图形位于“BeYond”的“Y”上......所以它不是 CSS'd应该是正确的。

有什么想法吗？感谢观看。

【问题讨论】：

标签： php jquery css wordpress menu

【解决方案1】：

将此行添加到您的 CSS 文件中。

.widget-area .current_page_item .page_item .toggle { right: 0; }

【讨论】：

【解决方案2】：

这几行 css 代码有问题 - style.css 第 1291 行：

.widget-area .current-menu-item .toggle, .widget-area .current_page_item .toggle {
    right: 10em;
}

如果我尝试更改此值，“+”链接和“-”链接都会移动。尝试制动这些属性。我试着做

<div class="toggle" style="right: 0pt;"></div>

（这可以通过类名应用，而不是内联css）

【讨论】：