jQuery / JavaScript顯示隱藏內容並將網站推向右側

Question

我有一個固定的div，它填充了左側的網站（占總寬度的20％）。 它是一個導航菜單。 右側有一個跨度，其中我的網站內容可滾動。 我希望可以關閉左側菜單，當菜單關閉時，我希望內容跨度為100％。 我正在使用Rails 4和Bootstrap3。不太了解jquery / javascript，可能需要線索或朝正確方向的推動。 謝謝！

Answer 1

由於您的圖片中包含Bootstrap，因此可以使用Jquery為您做魔術。 使用類似$（'。target'）。hide（）;的ID隱藏左div。 然后將相應的右div的寬度增加到100％寬度。 像這樣的東西：

如果你是

** td id =“ myRow” / td **

而不是使用CSS將寬度設置為100％：$（'＃myRow'）。css（width，“ 100％”）;

這應該工作。