javascript - 使用 javascript 切换 div 的可见性

Question

我有以下代码，用于启用 div 在可见和隐藏之间切换:

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

基本上，当我单击其中包含 onclick="toggle_visibility('4s'); 的链接时，会显示指定的 div，然后当您再次单击时，它会隐藏。

我的问题是，当相同的代码用于多个链接时，您切换一个然后另一个的可见性，前一个仍然显示。我将如何着手只启用一个 div 在切换时显示，然后如果另一个被切换，另一个被隐藏？

Answer 1

为当前可见的 div 保留一个全局变量，并在您使任何 div 可见时使其不可见。

var previousVisibleElement;
function toggle_visibility(id,$this) {
  var e = document.getElementById(id);
  if(e.style.display == 'block')
   {
     e.style.display = 'none';
  }
  else
  {
     if(previousVisibleElement !=null)
          previousVisibleElement.style.display='none';
     e.style.display = 'block';
    previousVisibleElement=e;

  }
}