当我将鼠标悬停在按钮上时保留另一个div显示块，但如果我要翻转它则关闭块元素

Question

如何解决这个问题会有什么想法。基本上它与子菜单的想法相同。

 $(".button").on({
    mouseenter: function (e) {
       //display my other div as a block element and fade it in
    },
    mouseleave: function () {
 //if my mouse leaves that block element then fade it out.
 }
});

Answer 1

将CSS中的另一个div设置为display: none，然后使用jQuery的fadeIn()和fadeOut()方法将其打开/关闭：

$(".button").on({
  mouseenter: function (e) {
    $(".other-div").fadeIn();
  },
  mouseleave: function () {
    $(".other-div").fadeOut();
  }
});

请参阅DEMO。