用javascript而不是jquery打开和关闭菜单

Open and Close a menu with javascript not jquery

本文关键字：菜单 jquery javascript      更新时间：2023-09-26

我有一个菜单，我用CSS在悬停时打开，但在手机上不起作用，所以我也试着在上面点击。在点击时打开它，但我无法关闭它。我将菜单设置在-200的位置，然后在悬停时，位置向左移动到0，这使菜单滑出。我的javascript是

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

该div的HTML是

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

我只想菜单再次滑回-200。

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'
  }
}
相关文章：