Ich kann nicht onClick Funktion zu arbeiten auf Körper

Question

Ich versuche, den Körper Inhalt nach rechts zu schieben, jedoch aus irgendeinem Grund kann ich nicht scheinen, um meine Körpervariable überhaupt mit der onClick-Funktion zu arbeiten. Ich dachte, dass nur '(document.body)' mit on ('click', function()) funktionieren würde, aber das scheint nicht der Fall zu sein? Bitte beachten Sie den Code unten zusammen mit jsfiddle, vielen Dank im Voraus für Ihre Erkenntnisse!

jsfiddle: https://jsfiddle.net/jhh7p8nj/4/

$(document).ready(function(){ 
var $toggle = $('#toggle'), 
    $body = $(document.body), 
    $sidebar = $('.sidebar'); 

$toggle.on('click', function(){ 
    $sidebar.toggleClass('sidebarShow'); 
    $body.addClass('pushRight') 
}); 
    }); 

Answer 1

Du fügt die Klasse

.pushRight { 
    left: 250px; 
} 

Welche nichts tun wird. Wenn Sie es

.pushRight { 
position:relative;  
left: 250px; 
} 

ändern sollte, dass die Arbeit (oder zumindest tut es in jsFiddle)

Aber wie @ Gespenst-d sagte, wäre ein Wrapper viel besser als die gesamte body bewegen.