打开时将侧导航内容向右推（JQuery）

Question

我一直试图使我的页面内容在打开时被向右推300px（侧导航的宽度），如this github repo here 。

我已经包含了所有要推入div＃内容的内容。

但是由于某种原因，这并不影响这里：

function openNav() { 
    document.getElementById("Therightnav").style.width = "300px"; 
    document.getElementById("content").style.marginRight = "300px"; 
} 

function closeNav() { 
    document.getElementById("Therightnav").style.width = "0"; 
    document.getElementById("content").style.marginRight = "50px"; 
} 

任何帮助，将不胜感激。

Answer 1

尝试这个代码，

function openNav() { 
    document.getElementById("Therightnav").style.width = "300px"; 
    document.getElementById("footer_container").style.marginRight = "300px"; 
    var x = document.getElementsByClassName("slideshow-container"); 
    x[0].style.marginRight = "300px"; 
} 

function closeNav() { 
    document.getElementById("Therightnav").style.width = "0"; 
    document.getElementById("footer_container").style.marginRight = "50px"; 
var x = document.getElementsByClassName("slideshow-container"); 
    x[0].style.marginRight = "50px"; 
}