Авто Высота True в Аккордеоне не работает

Question

У меня есть модальное всплывающее окно, которое содержит аккордеон, и каждая вкладка содержит форму, которая отображается с использованием частичного представления.

Проблема, с которой я столкнулся, заключается в том, что когда я переключаюсь, аккордеон не расширяется до полной высоты (чтобы я мог видеть все элементы формы). Каждая вкладка аккордеона расширяется только на 20 пикселей.

Как я могу получить автоматическое увеличение высоты в зависимости от содержимого?

@model Models.ContentModel.ProductContent
<div id="accordion" class="accord">
    <h2>
        <a href="#">Open New Product</a></h2>

    <div>
        @Html.Partial("../PartialViews/NewProduct", Model ?? new Models.ContentModel.ProductContent())
    </div>
    <h2>
        <a href="#">Manage Product</a></h2>
    <div>
        @Html.Partial("../PARTIALVIEWS/EDITProduct", Model ?? new Models.ContentModel.ProductContent())
    </div>
</div>
<script type="text/javascript">
    $(function () {
        $("#accordion").accordion({
            autoHeight: true
        });
    });
</script>

Answer 1

пришлось использовать autoHeight: false я бы подумал, что для autoheight должно быть установлено значение true, но jquery не работает таким образом.

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