jQuery/slideToggle()

解説スライドで表示非表示

slideToggle(duration, callback)

sample1

menu1: 1-a; 1-b; 1-c; 1-d
menu2: 2-a; 2-b; 2-c
menu3: 3-a; 3-b

sample1code

$(function(){
  $("#sample1dl dt").click(function(){
	$(this).nextUntil("dt").slideToggle();
  });
});

sample2

2-0
- 2-1
- 2-2
- 2-3

sample2code

$(function(){
  $("#s2ul li").hover(function(){
	$("#s2ul li ul").stop().slideToggle(300, "linear");
  });
});

sample3

sample3code

$(function(){
  $("#s3Div").css({
    width: 300,
    height: 100,
    background: "#7894dd",
  });
  $("#s3Btn").click(function(){
  	$("#s3Div").slideToggle(3000, function(){
  	  alert("ccc");
  	});
  });
});