pxkw.hatenadiary.com

めもめも

トグる2

クリックでtdの表示をトグる

<div id="slide-toggle-sample1">
  <table>
    <tr >
      <td>
        <div id="trigger">Click me to show msg</div>
        <div id="message" style="display:none" >Can you see me?</div>
      </td>
    </tr>
  </table>

  <script src="http://code.jquery.com/jquery-2.1.0.min.js"></script>
  <script>
    $(function(){
      $("#trigger").click( function() {
        $("#trigger").hide(100);
        $("#message").show(200);
      });
    });
    $(function(){
      $("#message").click( function() {
        $("#message").hide(100);
        $("#trigger").show(200);
      });
    });
  </script>
</div>



Click me to show msg



うにょってなる。