jQuery显示/隐藏做一些奇怪的事，隐藏错误的元素

Question

所以，我写了一段jQuery代码，这对我来说很有意义，但它正在做一些我没有打算做的事情。在导航栏上，在滚动中，我想使用显示/隐藏功能在下面显示一个小图像。因此，例如，当我将鼠标悬停在“首页”上时​​，我希望我的image.png出现在它的下面。这里是jQuery。从“家”卸下鼠标时，移动包含导航栏的左躲“主页”链接整个DIV上悬停，没事的时候

$("#home").hover(
function() { 
$(this).show(".mustache_one"); 
}, 
function() { 
$(this).hide(".mustache_one"); 
} 
); 

现在，它在做什么是什么，然后。同时，image.png从不出现。

Answer 1

您无法将元素ID /类传递到show或hide。此外，$this将参考#home，因此它会尝试显示/隐藏home元素。我不知道你的标记，但这是你的JS应该看起来的样子。

$("#home").hover(
    function() { 
     $('.mustache_one').show('slow'); 
    }, 
    function() { 
     $('.mustache_one').hide('slow'); 
    } 
); 

Answer 2

对要执行的对象执行jQuery .show（）。 $ (".mustache_one").show(); .hide（）;

http://api.jquery.com/show/

让我知道如果这能帮助，或者如果您有任何疑问:)