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