0

コードアカデミーのjQueryコースの最後にある「非常に独自のプロジェクト」に取り組んでいますが、今のところ立ち往生しています。

ここに私のjs/jQコードがあります:

$(document).ready(function () {
    $('.Left1').click(function () {
        $('.content1').slideToggle('slow');
    });
    $('.PilLine1').mouseenter(function () {
        $(this).fadeTo(500, 1);
    });
    $('.PileLine1').mouseleave(function () {
        if ($('.content1').show('false')) {
            $('.PileLine1').fadeTo(500, 0.3);
        }
        else$('.PileLine1').fadeTo(500, 1);
    });
});

そして、ここに視覚的なプレビューがあります: http://www.codecademy.com/users/5155e412f38e624ec7000116/projects/500c7558d143430002002551

うーん、思い通りにいかない。ボックス (content1) が表示されているかどうかをif /else ステートメントで確認します。表示されている場合はマウスを離します。PilLine1 の不透明度を 100% に維持したいと考えています。それ以外の場合は、マウスを離して閉じます。PilLine1 を 30% の不透明度にフェードアウトさせたいと思います。

使用する必要があります: if($('.content1').show('false'))またはif($('.content1').css('display'==='none')) 、完全に失われていますか?

4

1 に答える 1