javascript - 如何将值 "auto"添加到 div？Jquery

Question

代码 JS:

$('.i_admin_user a').click(function(){

        var liHeight = $('.subMenu-1 > li').height() - 1;
        var subMenuHeight = 344;  //here I want auto value;

        $(this).parent().siblings('li').children('.subMenu-1').animate({height:0},300);
        $(this).siblings('.subMenu-1').animate({ height: subMenuHeight + 'px'},300)
           .addClass('active-submenu');

        if( $('.subMenu-1').hasClass('active-submenu')){
                $(this).siblings('.subMenu-1').removeClass('active-submenu');
        }else{

        }

    });

我如何修改我的代码，让他们接受并重视“自动”。

基本上我想代替值 344 放置值 auto

我尝试了下一个版本但不起作用(在这种情况下返回的高度为0)

var subMenuHeight = "auto";

你能告诉我这个问题的解决方案吗？谢谢!

Answer 1

如果要将高度设置为自动，则必须删除 px。

像这样:

var subMenuHeight = 'auto';  // auto value here

$(this).siblings('.subMenu-1').animate({ height: subMenuHeight},300).addClass('active-submenu');

如果你不删除px，它不会自动重新定位，因为那时的值是autopx。