1

私は 3 つのポートフォリオ アイテムを含むホームページに取り組んでおり、そのうちの 1 つにカーソルを合わせると、この要素の上に div がフェードインする必要があります。しかし、1 にカーソルを合わせると、コードがすべての div にフェードインします。誰かがこれで私を助けることができますか?

私のHTML：

<div class="hpi">

    <div class="hpi_wrap">
       <h2>Title of this item</h2>
       <p>Blablablab</p>
    </div>

    <img src="//">

<div><!--End hpi1-->

<div class="hpi1">

    <div class="hpi_wrap">
       <h2>Title of this item</h2>
       <p>Blablablab</p>
    </div>

    <img src="//">

<div><!--End hpi2-->

<div class="hpi">

    <div class="hpi_wrap">
       <h2>Title of this item</h2>
       <p>Blablablab</p>
    </div>

    <img src="//">

<div><!--End hpi3-->

私の .hp1_wrap は display: none; でスタイルされています。

私のjQuery：

$(document).ready(function(e) {


    $(".hpi").hover(function(){
        $(this).closest('.hpi_wrap').fadeToggle(300);
    });

});
4

1 に答える 1

3

find()の代わりに使用closest()

$(document).ready(function(e) {
    $(".hpi").hover(function(){
        $(this).find('.hpi_wrap').fadeToggle(300);
    });

});
于 2013-10-02T08:58:50.123 に答える