jquery - Jquery fadeIn は一度に 2 つの div をフェードインしています

Question

私が取り組んでいるページには、Jqueryでクリックするとそれぞれフェードインできる4つの非表示のdivがあります。何らかの理由で、div の 1 つをクリックするとフェードインしますが、他の div の 1 つもフェードインします。最初に他のdivをフェードしようとすると、これは起こりません。なぜだと思いますか？ここで私が何を意味するかを見ることができますhttp://www.unearthingfilm.com/optimized.html

メニュー項目に移動してストーリーテラーをヒットし、本をクリックすると、div がフェードインしますが、その下の 1 つも同様にフェードインします

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);
    }