引入jquery.js，複製以下程式碼，即可執行

1，

1、slidetoggle() 交替slidedown(),slideup()

Html程式碼

slide it

Slide from bottom

Js程式碼

$("#slidebottom button").click(function() {

$(this).next().slideToggle();

});

2、左側橫向交替滑動 Animate Left

Html程式碼

slide it

Slide from bottom

Js程式碼

$("#slidewidth button").click(function(){

$(this).next().animate({width: "toggle"});

});

3、左側橫向交替滑動 Animate Left Margin （非隱藏）

Html程式碼

slide it

Slide from bottom

Js程式碼

$("#slideleft button").click(function(){

var $lefty = $(this).next();

$lefty.animate({

left:parseInt($lefty.css("left"),10)==0 ? -$lefty.outerWidth() : 0

});

});

4、右側橫向滑動Slide to right

Html程式碼

slide it

Slide from bottom

Js程式碼

$("#slidemarginleft button").click(function(){

var $marginlefty = $(this).next();

$marginlefty.animate({

marginLeft:parseInt($marginlefty.css("marginLeft"),10)==0 ? $marginlefty.outerWidth() : 0

});

});