Question

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

Javascript执行扩展div：

$(".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是扩展的div，隐藏文本是“details-ext”类，我如何在javascript中选择它，这样我就可以根据需要取消隐藏和隐藏它。

感谢。

Answer 1

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

这应该对你有用：）

<强>来源（S）

jQuery API - .children()

Answer 2

试试这个

$('.details-ext' , this)

这将在.details-txt。

的上下文中搜索课程this

选择$（this）中的元素 - jQuery

2 个答案: