使用JavaScript而不是jquery打開和關閉菜單

Question

我有一個菜單，該菜單是我使用CSS在懸停菜單上打開的，但在無法正常工作的移動設備上打開，因此嘗試同時對其進行onclick。 在onclick上打開它，但我無法關閉它。 我將菜單設置為-200的位置，然后在懸停位置將位置移至0，這會使菜單滑出。 我的JavaScript是

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

我的那個div的HTML是

<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'
  }
}