用javascript打開並關閉菜單而不是jquery

Question

我有一個菜單，我使用CSS在懸停時打開，但在不工作的移動設備上，因此嘗試將onclick放到它上面。在onclick上打開它，但我無法關閉它。位置我的菜單設置爲-200，然後在懸停的位置左移到0，這使菜單滑出。 我的JavaScript

function openMenu(){ 
    document.getElementById('colorchanger').style.left = 0 + 'px'   
} 

我的HTML爲DIV是

<div id="colorchanger" onMouseDown="openMenu();"> 

我只是希望菜單推回至-200的onclick一次。

Answer 1

function openMenu(){ 
    var left=document.getElementById('colorchanger').style.getPropertyValue("left"); 
    if(left=='-200') 
    { 
    document.getElementById('colorchanger').style.left = 0 + 'px' 
    } 
    else 
    { 
    document.getElementById('colorchanger').style.left = -200 + 'px' 
    } 
}