用jQuery写一个收缩效果展示

<html>
<head>
<title>收缩效果展示</title>
<script type="text/javascript" src="jquery-1.6.min.js"></script>
<script language="javascript">
 $(document).ready(function(){
     $("button1").toggle(
     function(){
         $("#show").slideDown();
         },
       function(){
           $("#show").slideUp();
       }
     );
 });
</script>
</head>
<body>
<br/><br/>
<input type="button" value="显示" id="button1"/>
<br/><br/>
<div id="show" style="display:none;border:1px solid black;width:500px">
<h1>收缩效果展示</h1>
1<br/>
2<br/>
3<br/>
4<br/>
5
<div/>
</body>
</html>




你可能感兴趣的:(用jQuery写一个收缩效果展示)