Javascript 滑动切换？不知道名字_Javascript_Jquery_Slidetoggle

Javascript 滑动切换？不知道名字

javascript jquery

Javascript 滑动切换？不知道名字,javascript,jquery,slidetoggle,Javascript,Jquery,Slidetoggle,由于问题格式不正确而被删除您不需要插件： HTML: 工作示例：是的，您是对的，它是slideToggle。例如： HTML: CSS: 参考：该方法的名称是slideToggle，这里有一些示例 <div><a id="close" href="javascript:void(0);">close</a></div> <div id="content">content</div> $(function() {

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

您不需要插件：

HTML:

工作示例：

是的，您是对的，它是

slideToggle

。例如：

HTML:

CSS:

参考：

该方法的名称是slideToggle，这里有一些示例

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

$(function() {

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

});

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

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

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