Slide summary and detail tag - Javascript jQuery Method and Property

Javascript examples for jQuery Method and Property:slideDown

  1. HOME
  2. Javascript
  3. jQuery Method and Property
  4. slideDown

Description

Slide summary and detail tag

Demo Code

ResultView the demo in separate window 

<html>
   <head> 
      <script src="https://code.jquery.com/jquery-1.11.0.js" type="text/javascript"></script> 
      <script type="text/javascript">
$(function(){//  w w w.j av  a2s  .  com
$('#showNow').click(function(){
$('details').slideDown();
});
});

      </script> 
   </head> 
   <body> 
      <button id="showNow">Show</button> 
      <details style="display:none;"> 
         <summary>Result</summary> 
         <p> test test test test...</p> 
      </details>  
   </body>
</html>

Related Tutorials