hide - div 标签打开和关闭

Question

对你们来说应该超级简单...div 1 被点击，div 2 出现。我不知道该怎么做是再次单击 div 1 时使 div 2 消失。

<img src="/..." width="" height"" onClick="MM_showHideLayers('logo','','show','logoEasterEgg','',show')">

当再次单击 div 1 中的图像时，我应该在这行代码中添加什么以使 div 'logoEasterEgg' 消失？

Answer 1

你可以做一些类似于用 jQuery回答这个问题的建议。

基本上只有一个 div 类，您可以根据它是否已经存在来添加和删除它。

Answer 2

除了使用 MM_showHideLayers() 你可以做这样的事情......？

function toggleDiv(divId)
{
  var myDiv = document.getElementById(divId);
  if (myDiv) 
  {
    if (myDiv.style.display === 'none') 
    {
      myDiv.style.display = 'block';
    }
    else
    {
      myDiv.style.display = 'none';
    }
  }
}

<img src="/..." width="" height"" onClick="toggleDiv('logoEasterEgg')">

Answer 3

您将需要添加另一个函数调用以在第一次调用后隐藏另一个 div 以显示它。

onclick 属性看起来像这样：

MM_showHideLayers('logo','','show','logoEasterEgg','',show'); 隐藏函数（）；

onclick 属性将允许尽可能多的 javascript，您可以在其中填充尽可能多的函数 - 只是不要忘记您的分号。

编辑：

在阅读了一些关于MM_showHideLayers我认为您需要更改函数以关闭需要关闭的 div 之后。换句话说，如果您想关闭，请logo创建 onclick 属性（注意hide）：

MM_showHideLayers('logo','','隐藏','logoEasterEgg','',show');