[HTML][JavaScript] Menu otwierane po kliknięciu., --optymalizacja-- Opcje

[KsaR]

Menu:

[HTML] pobierz, plaintext 
<div id="menu" onclick="changeMenu()"><span style="color:#45494D">[#]</span>Menu</div>
<div id="menu2">
<ul>
 <li><a href="/">Strona główna</a></li>
 <li><a href="/chat/">Czat</a></li>
</ul>
</div>
[HTML] pobierz, plaintext 

Skrypt:

[JAVASCRIPT] pobierz, plaintext 
function changeMenu()
{
 var d=document, m=d.getElementById('menu'), m2=d.getElementById('menu2')
 if (m2.style.display=='block')
 {
  m.innerHTML='<span style="color:#45494D">[#]</span>Menu'
  m2.style.display='none'
 }
 else
 {
  m.innerHTML='<span style="color:#45494D">[^]</span>Menu'
  m2.style.display='block'
  m2.style.border='2px solid #3C434A'
 }
 m.id='menu'
}
[JAVASCRIPT] pobierz, plaintext 

Jestem raczej początkujący w JS bo nie spędziłem nad im dużo czasu, max. kilka godzin.
Czy da się przyspieszyć ten kod z tym samym efektem?

Chodzi mi o efekt ala znaczniki html (details, summary) < bo działa to z 4x szybciej, a menu wręcz lekko zamula na niektórych przeglądarkach.

[Comandeer]

Dziwne, że tego typu skrypt zamula - nie jest jakoś specjalnie wymagający. Na których dokładnie przeglądarkach zamula?

Skoro chcesz się wzorować na details, to może poszukaj czegoś odpowiedniego w polyfillach? http://www.smashingmagazine.com/2014/11/28...etails-element/ albo https://github.com/ThePacielloGroup/disclosure-button