对于我正在处理的页面,我有 4 个隐藏的 div,每个都可以在点击 Jquery 时淡入。出于某种原因,当我单击其中一个 div 时,它会淡入,但也会淡入其他 div 之一。如果我尝试在 1st 中淡化另一个 div,则不会发生这种情况。任何猜测为什么?你可以在这里看到我的意思http://www.unearthingfilm.com/optimized.html
如果你进入菜单项并点击 storytellers 并点击这本书,div 会淡入,但它下面的那个也会淡入
trigger3.click(function () {
openBook.fadeIn(1000);
closed.delay(1000).fadeIn('slow')
});
closed.click(function () {
openBook.delay(700).fadeOut('slow');
});
trigger4.click(function () {
openChest.fadeIn('slow');
});
#openChest{
background-image: url(../images/openChest.png);
position: absolute;
z-index: 10;
height: 640px;
width: 574px;
top:4650px;
left:250px;
display:none;
}
#openBook{
display:none;
position: absolute;
height: 542px;
width: 950px;
left: 25px;
top: 3300px;
z-index:11;
background-image: url(../images/openBook.png);
}