当前位置：文江博客话题详情

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

发布于 2024-11-23 16:35:53 字数 214 浏览 1 评论 0原文

希望有人能尽快帮助我。

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

你可以看到内容向上滑动单击侧边栏上的链接后。

然而，我还想要的是单击蓝色栏时的下拉子菜单。

有什么想法吗？

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

極樂鬼 2024-11-30 16:35:53

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

这应该很容易实现。

回复收藏 0 原文

锦上情书 2024-11-30 16:35:53

我不太确定你想做什么，但我仍然会尽力帮助你。据我了解，当您单击蓝色栏时，您希望获得一个子菜单（也许在幻灯片中？）。我想这个子菜单链接到加载的内容（该部分）。我建议你将子菜单放在一个div（位置：相对）中，全部放在同一级别上。所有子菜单都应该在 UL（或 div，无论什么）中设置位置：绝对（容器将是相对 div 内的绝对位置）。所有 UL 都应该放置在 top:0 left: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
});

I'm not so sure about what you wanna do but i'll still try to help you. From what i understand, you want to get a submenu (maybe in slideDown?) when you click on the blue bar. I guess this submenu is linked to the loaded content (the section). I suggest you put the submenuS in a div (position: relative) all on the same level. All submenu should we in an UL (or a div, whatever) setted in position: absolute (the container will be absolute position withing the relative div). All UL should we placed top:0 left:0 (or whatever the coords as long as all containers are stacked). Then, in the "" link of the blue bar, you add an attribute HREF of "#the_wanted_submenu" and on click slideDown the concerned elements and hide all others.

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

回复收藏 0 原文

~没有更多了~