jQuery/fadeTo()

解説要素の可視度を調整

sample1

slow

sample1code

$(function(){
  $("#sample1").click(function () {
    if($(this).hasClass("thick")){
    	$(this).fadeTo("slow", 0.1).removeClass();
    } else {
    	$(this).fadeTo("slow", 1.0).addClass("thick");
    }
  });
});

sample2

sample2Div

sample2code

$(function(){
  $("#sample2Div").click(function(){
	$(this).fadeTo(1000, 0.5, sample2Func);
  });
});
function sample2Func(){
  $("#sample2Div").slideUp(1500);
}

sample3

sample3p

sample3code

$(function(){
  $("#sample3Div").click(function(){
  	$(this).fadeTo(1000, 0.1);
  });
});