jQuery/slideUp(),slideDown()

解説要素スライドup,down

sample1

sentence01 sentence01 sentence01

つづき

sentence02 sentence02 sentence02

消す

sample1code

$(function(){
  $("#continue").click(function(){
 	$(this).slideUp(500);
 	$("#sentence02").slideDown(1000);
  });
  $("#delete").click(function(){
 	$("#sentence02, #continue").slideUp();
  });
});

sample2

s2Div

sample2code

$(function(){
  $("#s2Btn").click(function(){
  	if($("#s2Div").hasClass("s2Class")){
  	  $("#s2Div").slideDown("slow").removeClass();
  	} else {
  	  $("#s2Div").slideUp(1000).addClass("s2Class");
  	}
  });
});

sample3

sample3code

function s3Func(){
  if($("#s3Div input").val() != ""){
  	$("#s3Div").slideUp();
  	$("#s3Div").before("送信完了");
  } else {
  	$("#s3Div input").after("未入力");
  }
}