слайд-меню не будет перемещаться

Question

Я создал боковое меню в css и хочу использовать свойство tranform: translateX() для его включения и выключения на странице. Я использую флажок для включения и выключения меню. Поэтому я думал, что могу использовать javascript, чтобы он работал, но он не работает. Можете ли вы изменить свойство transform с помощью javascript?

вот код ...

window.onload = function() { 
     var toggle_btn = document.getElementById('toggle_btn'); 
     var slide_menu = document.getElementById('slide_menu'); 

     var checked = function() { 
      toggle_btn.checked = true; 
     }; 

     if (checked === true) { 
      slide_menu.style.transform = "translateX(0px)"; 
     } else { 
      slide_menu.style.transform = "translateX(-200px)"; 
     } 
    }; 

Answer 1

Try:

window.onload = function() { 
    var toggle_btn = document.getElementById('toggle_btn'), 
     slide_menu = document.getElementById('slide_menu'); 

    slide_menu.style.transform = toggle_btn.checked=== true ? "none" : "translateX(-200px)"; 

}; 

BTW - вам не нужно JavaScript для этого: http://jsfiddle.net/w5te8qqx/1/