0

我有一个 div 扩展 apwards 的动画，显示更多文本，但是我想显示一些隐藏的元素。我将如何选择这些？

执行扩展 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 回答