accordion

by Akram kamal

HTML

<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css">
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<div id="accordion">
    	<h2>First</h2>

    <div>First content</div>
    	<h2>Second</h2>

    <div>Second content</div>
    	<h2>Third</h2>

    <div>Third content</div>
</div>

JavaScript

$('#accordion').accordion({
    collapsible: true,
    heightStyle: "content"
}).on('accordionactivate', function (event, ui) {
    alert('activate ' + ui.newHeader.text());
});