Post
Ask Question

Jquery Slide-- Slide UP

  1. <html>  
  2.   
  3. <head>  
  4.     <script type="text/javascript" src="jquery.js"></script>  
  5.     <script type="text/javascript">  
  6.         $(document).ready(function()  
  7.         {  
  8.             $(".flip").click(function()   
  9.             {  
  10.                 $(".panel").slideUp("slow");  
  11.             });  
  12.         });  
  13.     </script>  
  14.     <style type="text/css">  
  15.         div.panel,  
  16.         p.flip {  
  17.             margin: 0px;  
  18.             padding: 5px;  
  19.             text-align: center;  
  20.             background: #e5eecc;  
  21.             border: solid 1px #c3c3c3;  
  22.         }  
  23.           
  24.         div.panel   
  25.         {  
  26.             height: 120px;  
  27.         }  
  28.     </style>  
  29. </head>  
  30.   
  31. <body>  
  32.     <div class="panel">  
  33.         <p>this post is to define the slide UP process</p>  
  34.         <p>in the slide define it shows the JQuery slide methods</p>  
  35.     </div>  
  36.     <p class="flip">Hide panel</p>  
  37. </body>  
  38.   
  39. </Html>