Javascript jQuery仅当元素为'；它已经隐藏了

我对jQuery非常陌生，我正在尝试创建一个类为.topbardropdownmenu的表单元素，当用户将鼠标悬停在一个类为.menuitemtools的按钮上时，将显示该元素，但失败了。一旦用户将鼠标悬停在.menuitemtools按钮上，如果表单已经显示，我不希望表单被重新覆盖，因此检查其显示属性的if语句为none。目前，此脚本可以工作，但每次您将鼠标悬停在按钮上时。menuitemtools表单都会被重新覆盖，这会造成恼人的闪烁。一旦表单显示出来，我不希望.menuitemtools做任何事情，我希望当鼠标移动表单时表单显示出来

希望一切都清楚，我就在不远处？非常感谢你看这个

$(document).ready(function () {
    $('.topbardropdownmenu').hide();
    if ($('.topbardropdownmenu').css('display') == 'none') {
        $('.menuitemtools').hover(function () {
            $('.topbardropdownmenu').fadeIn('slow');
        });
    }
    $('.topbardropdownmenu').mouseleave(function () {
        $('.topbardropdownmenu').fadeOut('slow');
    });

});

---

谢谢，这确实好得多，但如果用户在表单.topbardropdownmenu可见时点击.menuitemtools按钮，它会再次隐藏表单。我只想在鼠标移动时隐藏表单。topbardropdownmenu

  $(document).ready(function () {
      $('.topbardropdownmenu').hide(); 
      $('.menuitemtools').mouseover(function() { 
        if(!$('.topbardropdownmenu:visible').length)
        {
          $('.topbardropdownmenu').fadeIn('slow'); 
        }
      });

      $('.topbardropdownmenu').mouseleave(function() { 
       $('.topbardropdownmenu').fadeOut('slow') 
      });
  });