は、img

Question

でckickingによって隠されている2つのテーブルを同時に表示していますが、1つの画像をクリックして2つのテーブルを表示する方法はありますか？

<script type="text/javascript"> 
    function setTable(what){ 
    if(document.getElementById(what).style.display=="none"){ 
    document.getElementById(what).style.display="block"; 
    } 
    else if(document.getElementById(what).style.display=="block"){ 
    document.getElementById(what).style.display="none"; 
    } 
    } 
    </script> 

    <img src="../../images/p1.gif" onclick="setTable('table5');"> 
    <table id='table5' border="0" cellpadding="3" width="100%" style="display:none;"> 
    <tr> 
    ...... 
    </tr> 
    </table> 
    <table id='table6' border="0" cellpadding="3" width="100%" style="display:none;"> 
    <tr> 
    ...... 
    </tr> 
    </table> 

Answer 1

同一のWebページに同じIDを持つ複数のオブジェクトを持つことはできません。 2番目のテーブルに異なるIDを与えてから、両方のテーブルを別々に表示します。

変更し、これにコード：クリックハンドラで

<script type="text/javascript"> 
    function setTable(what){ 
    if(document.getElementById(what).style.display=="none"){ 
    document.getElementById(what).style.display="block"; 
    } 
    else if(document.getElementById(what).style.display=="block"){ 
    document.getElementById(what).style.display="none"; 
    } 
    } 
</script> 

    <img src="../../images/p1.gif" onclick="setTable('table5'); setTable('table6');"> 
    <table id='table5' border="0" cellpadding="3" width="100%" style="display:none;"> 
    <tr> 
    ...... 
    </tr> 
    </table> 
    <table id='table6' border="0" cellpadding="3" width="100%" style="display:none;"> 
    <tr> 
    ...... 
    </tr> 
    </table> 

は、あなたが二回設定可能な呼び出し - 一度IDごとに。 2番目のテーブルでは、IDを変更する

または、両方のテーブルをdivに配置し、そのdivを非表示にすることができます。