.hover（）锚定元素并显示隐藏次元素 jQuery（“.slideout toggle”）.hide（）； jQuery（“.navbar品牌”）。悬停( 函数（）{ jQuery（“.slideout toggle”）.show（）； }, 函数（）{ jQuery（“.slideout toggle”）.hide（）； } );

当然，当鼠标停止悬停时，

.navbar brand

-

.hide（）。但“访问站点”在我点击它之前就消失了。如何使其可点击？
因此，悬停
.navbar brand
我的
滑动切换
锚元素显示，我可以单击它

我猜我对事件的选择是错误的。
不要将悬停事件放在锚点上，而是将两个锚点放在一个元素中，如span或div，然后将悬停应用于该元素


不要将悬停事件放在锚点上，而是将两个锚点都放在一个图元（如span或div）中，然后将悬停应用于该图元


不需要JS：

$("#link-wrapper").hover(function () {
    $(".slideout-toggle").slideToggle();
});

演示：
不需要JS:

$("#link-wrapper").hover(function () {
    $(".slideout-toggle").slideToggle();
});

演示：
Works-@isherwood-跨度在树的上方较高，或者是锚点的父级，因此延迟了hide（）方法。谢谢.Works-@isherwood-跨度在树的上方更高，或者是锚点的父级，因此延迟了hide（）方法。谢谢
$("#link-wrapper").hover(function () {
    $(".slideout-toggle").slideToggle();
});

.navbar-header > .slideout-toggle{
    display: none;
}
.navbar-header:hover > .slideout-toggle{
    display: inline;
}