-4

由于问题格式不正确而被删除

4

2 回答 2

1

你不需要插件：

HTML：

<div><a id="close" href="javascript:void(0);">close</a></div>
<div id="content">content</div>

JavaScript

$(function() {

   $('#close').click(function() { $('#content').slideUp(1000); });

});

工作示例：http: //jsfiddle.net/KusAk/

于 2013-01-03T03:42:22.340 回答
1

是的，你是对的，它是slideToggle。例子：

HTML：

<html>
<head> ... </head>
  <body>
      <div id="flip">Click to slide the panel down or up</div>
      <div id="panel">Hello world!</div>   
   </body>
</html>

jQuery：

 $(document).ready(function(){
      $("#flip").click(function(){
        $("#panel").slideToggle("slow");
      });
 });

CSS：

#panel,#flip {
   padding:5px;
   text-align:center;
   background-color:#e5eecc;
   border:solid 1px #c3c3c3;
}
#panel {
   padding:50px;
   display:none;
}

参考： http ://api.jquery.com/slideToggle/

于 2013-01-03T03:44:02.133 回答