jquery/JavaScript 显示隐藏内容并将站点向右推送

jquery/javascript show hide content and push site to right

本文关键字：站点 JavaScript 显示 隐藏 jquery      更新时间：2023-09-26

我有一个固定的div来填充左侧站点（约占总宽度的20%）。它是一个导航菜单。在右侧，我的网站内容有一个跨度，可以滚动。我想关闭左侧的菜单，当它关闭时，我希望内容跨度的宽度为 100%。我正在使用 Rails 4 和 Bootstrap 3。不太了解jquery/javascript，可能需要一个线索或朝着正确的方向推动。谢谢！

由于图片中有 Bootstrap，您可以使用 Jquery 为您施展魔法。使用 id 隐藏左div，如下所示 $（'.target'）.hide（）;然后将相应右div 的宽度增加到 100% 宽度。像这样：

如果您的道明是

** td id="myRow"/td **

而不是使用 CSS 将宽度设置为 100%： $（'#myRow'）.css（宽度，"100%"）;

这应该有效。

相关文章：