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

Question

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

Answer 1

既然你在图片中有 Bootstrap，你可以使用 Jquery 为你做魔法。使用类似 $('.target').hide(); 的 id 隐藏左侧 div 而不是将相应右 div 的宽度增加到 100% 宽度。像这样的东西：

如果你 td 是

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

而不是使用 CSS 将宽度设置为 100%： $('#myRow').css(width,"100%");

这应该有效。