在悬停不同的容器上显示容器

时间:2013-06-27 09:56:32

标签: html show hidden onhover

我试图在将鼠标悬停在页面徽标上时显示隐藏的div。

网站是:http://www.enbloc-magazin.de/

正如我所说,我希望在将徽标悬停时显示一个容器(#snowflakesContainer,display:none;)。

我使用了几个脚本,如:

$('#logo').hover(function() {
    $('#snowflakesContainer').toggle();
});

但没有任何效果。

隐藏容器的CSS是:

#snowflakesContainer {
top: -553px;
position: absolute;
width: 100%;
height: 100%;
display: none;
}

感谢您的帮助!

1 个答案:

答案 0 :(得分:0)

控制台在您的facebook jssdk代码上出错。

Uncaught TypeError: Cannot call method 'getElementsByTagName' of null 

第8行:

 button    = container.getElementsByTagName( 'h1' )[0],

尝试将其放在页面下方,以便为内容提供加载的机会。 你的javascript应该一直工作到那里。