javascript hide / show example - close divs

时间:2010-09-23 18:40:47

标签: javascript getelementbyid

在这个javascript hide / show示例中,如何在选择div时关闭所有其他div?

 <script TYPE="text/JavaScript">
    function show_hide(id, show)
    {
      if (el = document.getElementById(id))
      {
        if (null==show) show = el.style.display=='none';
        el.style.display = (show ? '' : 'none');
      }
    }
    </script>

&安培;不要告诉我使用jQuery,因为它不会在我们使用的某些移动环境中运行。

1 个答案:

答案 0 :(得分:1)

我会这样做

var alldivs = document.getElementsByTagName("DIV");
for (var i=0;i<alldivs.length;i++){
 var odiv = alldivs[i];
 //we only need "other" divs, not the one we're working on
 if ( (odiv.id) && (odiv.id!=id)) {
   odiv.style.display="none";
 }
}

(+感谢不要求jQuery解决方案:)