テーブル全体を写真で置き換える方法は？

Question

これは私のテーブルですが、もちろんその中にテキストがあります。ボタンをクリックして隠して、いくつかの画像を表示します。私は同じボタンクリックでアクションを逆にしたい。どうやってやるの？あなたは

を必要として、これは動作しますjQueryの.toggle()方法

$("button").click(function(){ 
    $("img").toggle(); 
}); 

で始めることができます

<div id="aspect" style="display:yes"> 
 
    <table style="100%" id="Table"> 
 
     <tr> 
 
      <th id="textul" > </th> 
 
      <th id="textul4"> </th> 
 
     </tr> 
 
     <tr> 
 
      <td id="testul2and3" style="vertical-align:top"> </td> 
 
      <td style="vertical-align:top" id="textul6"> 
 
       <p> <iframe></iframe> </p> 
 
      </td>           
 
     </tr> 
 
    </table> 
 
</div>

Answer 1

はこちらをご覧：持ってhttp://api.jquery.com/toggle/

Answer 2

してください見えるこのコードサンプルで。隠された：私はあなたが `hidden`属性（ここでサポートされている）、または単に.hidden {ディスプレイ` `として定義.hidden`クラスを（切り替えしようとしましたjQueryの2.1.1

$(function() { 
 
    $('#toggler').click(function() { 
 
    $('#Table').toggle(); 
 
    $('#imageblock').toggle(); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="aspect"> 
 
<div style="display:none;" id="imageblock"> 
 
<img src="http://lorempixel.com/400/200/" /> 
 
</div> 
 
<table id="Table"> 
 
<tr> 
 
    <th id="textul" > </th> 
 
    <th id="textul4"> </th> 
 
    </tr> 
 
    <tr> 
 
\t \t <td id="testul2and3" style="vertical-align:top"> </td> 
 
    \t \t <td style="vertical-align:top" id="textul6"> 
 
      <p> <iframe></iframe> </p> </td>           
 
    </tr> 
 
    </table> 
 
</div> 
 
<button id="toggler">Toggle Image/Table</button>