1

クラス「コンテナ」にカーソルを合わせて「オーバーレイ」にフェードインするためのシンプルなJqueryソリューションが必要です。この単純な Jquery コードでは、すべての「コンテナ」のすべての「オーバーレイ」が表示されます。このクラス内の「オーバーレイ」の「オーバーレイ」だけをフェードする簡単な解決策を知っている人はいますか?

ありがとう。

$('.overlay').hide();
$('.container').hover(function() {
    $('.overlay').fadeToggle(300);
});

<!-- container 01 -->
<div class="container">
    <p>Lorem ipsum dolor sit amet</p>   
    <div class="overlay">
        <p>Lorem ipsum dolor sit amet</p>
    </div>
</div>
<!-- container 02 -->
<div class="container">
    <p>Lorem ipsum dolor sit amet</p>   
    <div class="overlay">
        <p>Lorem ipsum dolor sit amet</p>
    </div>
</div>
<!-- container 03 -->
<div class="container">
    <p>Lorem ipsum dolor sit amet</p>   
    <div class="overlay">
        <p>Lorem ipsum dolor sit amet</p>
    </div>
</div>
4

1 に答える 1

1 
$('.container').hover(function() {
    $(this).find('.overlay').fadeToggle(300);
});

http://jsbin.com/owehim/1/

于 2012-08-08T06:57:22.770 に答える