Question

I have initialized the accordion in the following way.

<script>
$(function()
    $( "#accordion" ).accordion({
    autoHeight:false});
});
</script>

Everything works fine except the below content is not moving down when expanding a section which contains more height than the first one.

The url to see it in live is http://thephpcode.com/index.php/web/setting_issue

Try to expand the last section and see the button below accordion in not moving down. It appears on top of the accordion display. How to resolve this issue?

Answer 1

The solution is:

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