Faire le côté nav pousser le contenu vers la droite lorsqu'il est ouvert (JQuery)

Question

J'ai essayé de faire en sorte que le contenu de ma page soit poussé vers la droite de 300px (la largeur du nav latéral) quand il est ouvert, comme dans this github repo here .

J'ai contenu tout le contenu à insérer dans un contenu div #.

Cependant, pour une raison quelconque, cela ne répercute ici:

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"; 
} 

Toute aide serait appréciée.

Answer 1

Essayez ce code,

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"; 
}