0

より多くのテキストを明らかにする賞を拡大する div のアニメーションがありますが、いくつかの非表示の要素を表示したいと考えています。これらをどのように選択しますか？

展開する div を実行する Javascript:

$(".act-details").bind('mouseover mouseenter', function() {
    $(this).stop().animate({
        height : '160px',
        bottom : '180px'
    }, {
        queue : false,
        duration : 400,
        easing : 'swing'
    })
});

div の HTML:

<li>
    <img src="_img/featured/act_images/text.png"/>
    <p class="name"><? echo $act_data['act_name'];?></p>                        
    <div class="act-details">
        <p>Cardiff - United Kingdom</p>
        <p style="margin-bottom: 3px;">House/Progressive</p>
        <p class="details-ext">Text the sliding div reveals</p>
        <a href="#">View Act...</a>
    </div>
</li>

act-details div は展開されたもので、非表示のテキストは「details-ext」クラスです。JavaScript 内でこれを選択して、必要に応じて表示および非表示にするにはどうすればよいでしょうか。

ありがとう。

4

2 に答える 2

0 
$(this).children('.details-ext').toggle();

これはあなたのために働くはずです:)

ソース

jQuery API - .children()

于 2013-04-04T16:22:41.617 に答える
0

これを試して

$('.details-ext' , this)

.details-txtこれにより、 のコンテキストでクラスが検索されますthis。

于 2013-04-04T16:24:55.833 に答える