【问题标题】:jQuery Accordion Menu. Expand neighbor div as menu expandsjQuery 手风琴菜单。菜单展开时展开邻居 div
【发布时间】:2012-05-08 11:43:42
【问题描述】:

为简单起见,我的网站有两个浮动 DIV 块。 #Sidebar 和#Content。在我的侧边栏中,我有一个 jQuery Vertical Accordion Menu,它可以扩展。 (呃,这是一个手风琴菜单)

无论如何,当用户单击其中一个子菜单标题时,它会展开菜单并强制其包含的 DIV 也展开。

我正在寻找一种方法,使用 jQuery 将#Content 扩展为与#Sidebar 相同的大小,因为#Sidebar 正在扩展。这可能吗?

我已经尝试过使两个 DIV 的大小相同的常规方法,但它是在页面加载时这样做的,而不是动态的。

感谢您的帮助! 瑞克

【问题讨论】:

  • 为什么要它们的大小相同?内容不是比侧边栏大很多吗?
  • 大小不同,但高度相同。

标签: php jquery html


【解决方案1】:

您可以像这样将函数绑定到手风琴变化事件:

$("#Sidebar").bind('accordionchange', function () {
    $("#Content").height($("#Sidebar").height());
});

这应该在动画完成时将高度设置为相等。

编辑:您还可以通过将change: 字段设置为您的函数以在手风琴更改时运行,从而将其绑定到手风琴初始化程序中

【讨论】:

  • 好的,时间不早了,我打字很快……我的手风琴菜单不是 jQuery,它只是 JavaScript。有没有办法用非 jQuery 手风琴做到这一点?也许在#Sidebar 完成扩展后触发它?谢谢!
  • 也许我误解了你称它为“jQuery Vertical Accordion Menu”。总之,无所谓。如果它是您自己的手风琴,则在栏完成扩展时将相同的函数作为回调。我想您可以将函数存储在变量中,并在动画完成时将该变量作为函数调用。
  • 感谢 Los Frijoles,但您没看错。我只是打错了......我很欣赏你的意见,我会试一试。再次感谢!
猜你喜欢
  • 1970-01-01
  • 2014-06-27
  • 1970-01-01
  • 1970-01-01
  • 2018-01-16
  • 1970-01-01
  • 1970-01-01
  • 2011-05-01
  • 1970-01-01
相关资源
最近更新 更多