onClick - 隐藏/显示Div

时间:2013-04-19 04:39:27

标签: javascript

在此我需要一个功能,当用户点击“按钮01 ”时,它应该显示DIVid“ 01 ”。在此之后单击其他按钮时,它应该隐藏先前的 DIVid 并使相关的 DIVid 可见。

我创建了一个fiddle

function Visibility() {
    var har_element = document.getElementById('C');
    var meth_element = document.getElementById('D');
    var main_element = document.getElementById('E');

    var vis = har_element.style;    

    if(vis.display == 'block') {vis.display = 'block';
        meth_element.style.display='block';
        main_element.style.display='block';
    } else {
        vis.display = 'block';
        meth_element.style.display='block';
        main_element.style.display='block';
    }
}

1 个答案:

答案 0 :(得分:1)

试试这个

window.onload = function(){
hideSomeDivs();

}

function showHide(showHidebuttonId)
{
   hideAll();

if(showHidebuttonId == "1")
  document.getElementById("first").style.display = 'block';
else if(showHidebuttonId == "2")
  document.getElementById("second").style.display = 'block';
else if(showHidebuttonId == "3")
 document.getElementById("third").style.display = 'block';
else if(showHidebuttonId == "4")
  document.getElementById("fourth").style.display = 'block';
 else if(showHidebuttonId == "5")
  document.getElementById("fifth").style.display = 'block';
}

  function hideAll(){
    document.getElementById("first").style.display = 'none';
    document.getElementById("second").style.display = 'none';
    document.getElementById("third").style.display = 'none';
    document.getElementById("fourth").style.display = 'none';
    document.getElementById("fifth").style.display = 'none';
  }
  function hideSomeDivs()
  {
   document.getElementById("second").style.display = 'none';
    document.getElementById("third").style.display = 'none';
  }