JavaScript样式切换不起作用的第一次点击 [英] Javascript styling toggle doesn't work first click

查看：123
本文介绍了JavaScript样式切换不起作用的第一次点击的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

我用点击弹出的侧边栏菜单制作这个小的HTML应用程序。它工作正常，只不过它在第二次点击后才开始工作。



CSS：

  #menubalk {
 margin-left：-260px; 
}

HTML： 

 < div id =menubutton> 
 < / div> 
 
< div id =menubalk> 
< h5> Menu< / h5> 
< / div>

Javascript：

  function toggle（）{
 var el = document.getElementById（menubalk）; 
 var kop = document.getElementById（kop）; 
 var pag = document.getElementById（pagina）; 
 
 if（el.style.marginLeft == -  260px）{
 el.style.marginLeft =0px; 
 kop.style.marginLeft =260px; 
 pag.style.marginLeft =260px; 
} else {
 el.style.marginLeft = -  260px; 
 kop.style.marginLeft =0px; 
 pag.style.marginLeft =0px; 
} 
}

我想我可能需要在javascript也是我无法想象出来的。



所有帮助非常感谢！

解决方案