jQuery效果-滑动（slide系列）

在body中你需要四个div块

<div id="flipshow">点击</div>
<div id="fliphide">隐藏</div>
<div id="fliptoggle">隐藏/显示</div>
<div id="content">Hello World</div>

在js文件中写入如下内容

$(document).ready(function(){
    $("#flipshow").click(function(){
        $("#content").slideDown(1000);
    });
    //设置点击按钮，slideDown属性的效果
    $("#fliphide").click(function(){
        $("#content").slideUp(500);
    });
    //设置隐藏按钮，slideUp属性的效果
    $("#fliptoggle").click(function(){
        $("#content").slideToggle(1000);
    });
    //设置隐藏/显示按钮，slideToggle属性的效果
});

在css文件中写入如下内容

#content,#flipshow,#fliphide,#fliptoggle{
    pad