jquery手风琴防止风格被添加

时间:2014-02-26 20:12:43

标签: jquery html css accordion

我正在使用jquery手风琴插件,除了我的子菜单项可能是可变的,一些可以有两个条目,其他4.所以子菜单的大小各不相同,代码中的某个地方我看到这个样式被添加我的手风琴,任何想法如何防止它,以便高度自动?

不受欢迎的风格:

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

jquery的:

  $( ".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>";

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

我使用的

插件:

accordion

1 个答案:

答案 0 :(得分:2)

从你的标记我猜你正在使用Jquery UI Accordion

您可以将高度设置为自动,如下所示:

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

DEMO