jQuery ui accordion height problem

heightStyleType: String

Default: "auto"

Controls the height of the accordion and each panel. Possible values:

    "auto": All panels will be set to the height of the tallest panel.
    "fill": Expand to the available height based on the accordion's parent height.
    "content": Each panel will be only as tall as its content.

Code examples:Initialize the accordion with the heightStyle option specified:

$( ".selector" ).accordion({ heightStyle: "content" });


Note - Use content to assign auto height to each accordion.

For this need to use jQuery 1.10 or update jQuery

<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css">

<script src="http://code.jquery.com/jquery-1.9.1.js"></script>

<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>