Robię tę małą aplikację HTML z menu paska bocznego, które pojawia się po kliknięciu. Działa dobrze, z wyjątkiem tego, że zaczyna działać dopiero po drugim kliknięciu. Przy pierwszym kliknięciu nic się nie dzieje.

CSS:

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

HTML:

<div id="menubutton">
   <img src="design/images/menu.png" id="menu" onclick="toggle()" alt=""/>
</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";
  }
}

Myślę, że być może będę musiał ustawić margines gdzieś w javascript, ale nie mogę tego zrozumieć.

Cała pomoc jest bardzo mile widziana!