jquery Accordion 防止样式被添加

Question

我正在使用 jquery Accordion 插件，一切都很好，除了我的子菜单项可能是可变的，有些可能有 2 个条目，其他的有 4 个。所以子菜单的大小各不相同，在代码的某处我看到这种样式被添加对于我的 Accordion ，有什么想法可以防止它，所以高度是自动的吗？

不需要的样式:

 style="display: block; height: 66px;"

j查询:

  $( ".leftMenu" ).accordion({
   active: false,
   collapsible: true,
   });

PHP

            echo " <div class='leftMenu'> ";
                    echo "<h3>" . $topLevel[$k] . "</h3>";
                    echo "<div class='subMenu'>";
                    foreach ($_SESSION[ 'adminCreds'][ 'permissions'][$k] as $kk => $vv)
                    {
                            echo "<li class='menu' id='" . $kk . "'>" . $menu[$kk] . "</li>";
                    }
                    echo "</div>
            </div>";

notes .menu,leftMenu,li 没有高度属性。如果我在 .menu 上将高度设置为 0，则样式高度变为 33px；

我正在使用的插件:

accordion

Answer 1

根据您的标记，我猜您正在使用 Jquery UI Accordion

您可以像这样将高度设置为自动:

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

DEMO