jQuery/toggle()

解説
指定した要素の表示・非表示を切り替え
sample1
sample1Div
sample1code
$(function(){
  $("#sample1Btn").click(function(){
    $("#sample1Div").toggle("slow");
  });
});
sample2
sample2Div
sample2code
$(function(){
  $("#sample2Btn").click(function(){
  	$("#sample2Div").toggle(1000, function(){
  	  $("#sample2Div").css("background", "#e47");
  	});
  });
});
sample3

sample3p01

sample3p02

sample3p03

sample3code
$(function(){
  $("#sample3Btn").click(function(){
  	$("#sample3Div p").toggle();
  });
});
sample4
flg = 0 flg = 1
sample4code
function s4Func(){
  $("#s4Div").click(function(){
  	$("#s4Div span").toggle(2000);
  });
}