1

対応する「情報 div」がホバーされたときに、特定の div がフェードインおよびフェードアウトできるようにする簡単なコードを記述しようとしています。8 つのリスト項目と、対応する 8 つの「情報 div」があります。最初の li にカーソルを合わせると、対応する「info div」がフェードインするはずです。しかし、2 番目の li にカーソルを合わせると、3 番目の「info div」がフェードインします。3 番目の li は 5 番目に影響し、以下同様です。jQueryコードを含めました。どんな助けでも大歓迎です。ありがとう。

    $(document).ready(function(){
        $('.case-info').hide();
        $('#text323-b li').mouseover(function(){
            var x = $(this).index();
            $('.case-info').eq(x).fadeIn();
        });
        $('#text323-b li').mouseout(function(){
            var x = $(this).index();
            $('.case-info').eq(x).fadeOut(function(){
                $(this).hide();
            });
        });
    });
4

1 に答える 1

0

私は暗闇の中で突き刺すつもりで、あなたの LI リストに他のマークアップがあると仮定します<br />。

$('.case-info').hide();
$('#text323-b li').mouseover(function () {
    var x = $(this).index('#text323-b li');
    $('.case-info').eq(x).fadeIn();
}).mouseout(function () {
    var x = $(this).index('#text323-b li');
    $('.case-info').eq(x).fadeOut(function () {
        $(this).hide();
    });
});
于 2013-03-20T21:13:11.237 に答える