更改一个元素的高度并更改另一个元素的高度

Question

我正在尝试使div在鼠标进入时达到另一个高度，但是jQuery(this)不起作用。

我有以下代码：

jQuery(".laynav.primary ul li").mouseenter(function(){
   jQuery(".navbar").css('height', '350px');
});
jQuery(".laynav.primary ul li").mouseleave(function(){
   jQuery(".navbar").css('height', '60px');
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

我想将jQuery(".navbar").css('height', '350px');的高度更改为$(this).ul，但我不知道如何。

如果我将.laynav.primary ul li ul直接放在.css中，它会被应用到所有地方，而我只希望它被悬停的地方。

谢谢