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