1 
<script>
    function hide()
    {
        document.getElementById("xxx").style.visibility='visible';
    }
</script>
<tr>
    <td>655 3338</td>   
    <td onclick='hide()'>10-May-2013</td>       
</tr>
<tr id='xxx' style='visibility:collapse'>
    <td>655 3338</td>   
    <td>10-May-2013</td>        
</tr>

こんにちは、javascript 言語でのコーディングの初心者です。単純な非表示ショーを開発しています。上のコード (コードの一部) は、2013 年 5 月 10 日、表のセルをクリックしたときの表です。下の表の行が表示されますが、その場合、正しいですか? 私のコードに欠けているのは、2013 年 5 月 10 日テーブルのセルをもう一度クリックすると、再び非表示になるか、デフォルトのスタイル (テーブルの非表示または折りたたみ) に戻ることです。

4

2 に答える 2

1

試す

function hide(){
    if(document.getElementById("xxx").style.visibility != 'visible'){
        document.getElementById("xxx").style.visibility='visible';
    } else {
        document.getElementById("xxx").style.visibility='collapse';
    }
}

デモ:フィドル

于 2013-05-17T03:36:49.930 に答える