尝试根据窗口大小调整jquery下拉菜单的高度

我正在编辑此页： 到目前为止，下拉菜单的代码如下所示：

    $(window).load(function() {
     $('.item + .dropdown').each(function () {
            $(this).attr('data-height', $(this).height()).height(0);
        });

     $('.item').click( function() {
        $dropdown = $(this).find('+ .dropdown');
        if ($(this).hasClass('open')) {
            $(this).removeClass('open');
            $dropdown.animate({ height:'0' }, 400, "swing", function () {
                $(this).hide();
            });
        } else {
            $(this).addClass('open');
            $dropdown.show().animate({ height: $dropdown.attr('data-height') }, 400, "swing");
        }
    });

如果单击下拉菜单并调整页面大小，无论是保持菜单打开还是重新打开，下拉菜单的高度保持不变。下拉菜单中的内容会进行调整，但下拉高度过低会隐藏图像（过高看起来很恶心）。我想下拉高度调整与内容内。我正在尝试使用以下代码：

     $(window).resize(function() {
        $dropdown.height(function(){
            $('.item + .dropdown').height();
            });
        });

但它不起作用。帮助？

试试这个

     $(window).resize(function() {
        $dropdown.height($('.item + .dropdown').height());
    });

“height”接受一个值，而不是回调。