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

Question

希望有人可以快速帮助我。

请参阅此处 - http://www.designbyaltitude.com/test

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

然而，我还想要的是在点击蓝色条时下拉菜单。

任何想法？

Answer 1

我的第一个想法是将其他类添加到父节点，如果父类具有类，则显示嘿子菜单？！

应该很容易实现。

Answer 2

我不太确定你想做什么，但我仍然会尽力帮助你。根据我的理解，当你点击蓝色条时，你想得到一个子菜单（可能是在slideDown？）。我想这个子菜单链接到加载的内容（部分）。我建议你将子菜单放在一个div（位置：相对）中，所有这些都在同一级别上。所有子菜单都应该在UL（或div，无论如何）中设置的位置：绝对（容器将是具有相对div的绝对位置）。我们应该将所有UL放在顶部：0左：0（或者只要所有容器堆叠在一起的任何坐标）。然后，在蓝色条的“”链接中，添加一个属性HREF“#the_wanted_submenu”，然后单击slideDown相关元素并隐藏所有其他元素。

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