jQuery UI Accordion : Using Accordion Animation

EDITABLE CODE:
<!DOCTYPE html> 
<html> 
	<head>
    <title>jQuery UI Accordion : Setting the Animation</title> 
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<link rel="stylesheet" href="http://code.jquery.com/ui/1.11.3/themes/hot-sneaks/jquery-ui.css" />
	<script src="http://code.jquery.com/jquery-2.1.3.js"></script>
	<script src="http://code.jquery.com/ui/1.11.2/jquery-ui.js"></script>
       <script>
        $(document).ready(function() {
         $("#demoAccordion").accordion({
         animate: {
          duration: 2000,
          down: {
            easing: "easeOutBounce",
            duration: 3000
          }
        }
        });
        });
    </script> 
</head> 
<body>
<div id="demoAccordion">
	  <h2><a href="#">Coach</a></h2>
      <img src="coach.png"/>

	  <h2><a href="#">Bike</a></h2>
	   <img src="bike.png"/>

	  <h2><a href="#">Truck</a></h2>
	   <img src="truck.png"/>
  </div>
</body>
</html>

LiveDemo: jQuery UI Accordion : Using Animation.

<--Tutorialspark.com

Note: The easing effect has been set to easeOutBounce to create a Bouncing effect.