手风琴子菜单和内容幻灯片答案

【问题标题】：Accordion sub menu and content slide手风琴子菜单和内容幻灯片
【发布时间】：2011-07-14 14:12:56
【问题描述】：

希望有人能快速帮助我。

请看这里 - http://www.designbyaltitude.com/test

您可以看到，一旦您点击侧边栏上的链接，内容就会向上滑动。

但是，当单击蓝色条时，我还想要一个下拉子菜单。

有什么想法吗？

【问题讨论】：

标签： jquery accordion

【解决方案1】：

我的第一个想法是向父节点添加额外的类，如果在父节点有类时显示 hey 子菜单？！

这应该很容易实现。

【讨论】：

【解决方案2】：

我不太确定你想做什么，但我仍然会尽力帮助你。据我了解，当您单击蓝色条时，您想获得一个子菜单（也许在幻灯片中？）。我猜这个子菜单链接到加载的内容（部分）。我建议您将 submenuS 放在一个 div（位置：相对）中，所有这些都在同一级别。所有子菜单都应该在 UL（或 div，等等）中设置为 position: absolute（容器将是相对 div 的绝对位置）。我们应该将所有 UL 放置在 top:0 left:0 （或任何坐标，只要所有容器都堆叠）。然后，在蓝色条的“”链接中，添加“#the_wanted_submenu”的属性HREF，然后单击滑动相关元素并隐藏所有其他元素。

$('#blueBar a').click(function() {
   $($(this).attr('href')).siblings().slideUp(); //Hide all submenus but the current
   $($(this).attr('href')).slideDown(); // Show wanted submenu
});

【讨论】：