简单的Jquery显示隐藏问题

Question

快速 -

我有一张图片地图，当我在一个区域滚动时，我希望显示与该区域相关的隐藏div。

如果我使用下面的代码，那么除了这个事实之外，当你继续在所选区域上盘旋时，它会隐藏div，直到你将鼠标移出 - 即使show函数在hide之后？

$(".part-sp").hover(
    function() {
        $(".map-logo").hide();
    }, function() {
        $(".map-sp").show();
    }    
);

任何想法？

Answer 1

我不确定我是否正确理解了您的问题，但似乎您对hover()方法感到困惑。第一个参数应该是在鼠标悬停时执行的操作，第二个参数应该是在鼠标输出时执行的操作。因此，要显示鼠标悬停并隐藏鼠标，您的功能应如下所示：

$(".part-sp").hover(
    function() {
        $(".map-sp").show();
    }, function() {
        $(".map-sp").hide();
    }    
);

Answer 2

我认为你在调用show（）时会尝试显示错误的元素。

在此处查看结果窗格http://jsfiddle.net/h9VK2/

Answer 3

甚至对你的问题感到有些困惑。你是说你不希望它们在鼠标悬停在Div上时永久隐藏吗？或者它应该淡出然后淡出？

你现在的代码是正确的，@ Andy你指定的是另一种方式再次正确，但如果你需要的只是一个fadeOut FadeIn效果，那么使用

 

$(".part-sp").hover(
    function() {
        $(".map-sp").fadeOut().fadeIn(); 
    },
   function() {
        $(".map-sp").show(); 
    } 
);

我不知道，但这可能会有所帮助。如果你想要另一种方式，请翻转fadeIn FadeOut。