jQuery 滑动面板 - 多个链接调用面板的不同部分
我正在尝试设计并实现一个看似简单的解决方案。我在页面顶部有一个下拉面板选项卡,其中包含 3 个链接 - 关于、简历和联系方式,以及一个用于放置它的箭头。我希望面板下拉并显示我单击的链接的具体内容,并将箭头交换为向上以将其关闭。
例如,单击“关于”,面板下拉并显示“关于”信息。单击简历,同一面板会下降以显示简历信息。当面板放下时,能够在 3 个部分之间切换。
本质上,将滑动面板与“coda”风格的水平滑动相结合。
这可能吗?请访问 http://www.dannylewandowski.com/panel.png 获取粗略布局以供参考。
非常感谢您的帮助!!!! 最好的 丹尼
I'm trying to design and implement what seems like a simple solution. I have a drop-down panel tab at the top of the page with 3 links in it- about, resume and contact, and an arrow to drop it. I'd like the panel to drop down and show the specific content for the link I clicked on, and swap the arrow to point up to close it.
For example, click on about, panel drops down and show about info. Click resume, same panel drops to show resume info. While the panel is dropped, be able to toggle between the 3 sections.
In essence, combine the sliding panel with the 'coda' style horizontal slide.
Is this possible? Visit http://www.dannylewandowski.com/panel.png for a rough layout for reference.
Thanks so much for any help!!!!
Best
Danny
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
我认为 jQuery UI 有你想要的东西。
http://jqueryui.com/demos/tabs/#collapsible
The jQuery UI has kinda what you are looking for I think.
http://jqueryui.com/demos/tabs/#collapsible