jQuery下拉菜单关闭打开主题

时间:2012-08-20 18:11:19

标签: jquery

有关相关菜单的示例,请参阅http://www.laerdalmail.com/dev/discoversimulation/needs/#: 单击主题并且子菜单下降时,是否可以自动关闭任何其他打开的主题?下面,我已经包含了处理下拉列表以供审阅的功能。

function Reveal(a, orig_height) {
    var ul = a.parentNode.getElementsByTagName("ul").item(0);

    $(ul).animate({
        height: 'toggle',
        opacity: 'toggle'
    }, 'slow', function() {
        if ($(ul.parentNode).height() < orig_height) {
            $(a).css('backgroundPosition', '0 0');
        }
    });
}​

2 个答案:

答案 0 :(得分:1)

您应该考虑使用jquery UI accordion,它会让您更轻松,动画更流畅

答案 1 :(得分:0)

您可以在功能开始时关闭所有父母,然后打开触发的父母。