トップページ >  Ajax >  要素の表示・非表示を切り替える
初版2009/08/11: 最終更新日2009/08/11
要素の表示・非表示を切り替える
目次
要素の表示・非表示を切り替える
要素の表示・非表示を切り替える

toggle()を使用すると要素の表示・非表示を切り替えることが出来ます。
toggle()が呼び出されたときに、要素が非表示状態であれば表示状態に、表示状態であれば非表示状態に切り替えます。
また、引数にslowやfast, あるいはミリ秒単位で時間を指定すると指定した速度でアニメーションしながら表示・非表示が切り替わります。

      $("#toggle").click(function(){
          $("#area1").toggle();
      });
      $("#toggle_with_animation").click(function(){
          $("#area2").toggle("slow");
      });
    
red
blue