javascript - 隐藏div并且不再显示

Question

我有这段代码，可以在“onmouseover”时显示和隐藏两个 div。

   function hide_visibility(id) {
       var e = document.getElementById(id);
       if (e.style.display == 'none') e.style.display = 'block';
       else e.style.display = 'none';
   }

我想要的是:当我将鼠标悬停时，它会永久隐藏 div，当我再次移动时，它不会再显示。

http://codepen.io/anon/pen/XmXjmx

谢谢!

Answer 1

您只需删除将 e.style.display 设置为 block 的任何代码即可。

function hide_visibility(id) {
   var e = document.getElementById(id);
   e.style.display = 'none';
}

http://codepen.io/anon/pen/ojbzbK