滑动多个div，只有一个节目，其他隐藏

Question

我使用slideToggle()为我的..阅读更多/更少的内容，他们改变它。如何才能显示一个隐藏文本，因此当我单击它们时，“旧”隐藏文本slideUp和“new”仅显示。

var moreText = "... Read More",
lessText = "... Read Less";

$(".read_more").click(function () {
    var $this = $(this);
    $this.text($this.text() == moreText ? lessText : moreText)
        .prev(".more")
        .slideToggle("normal");
});

感谢。

Answer 1

只需为其他.more元素添加幻灯片

$(".read_more").click(function () {
    var more = $(this).text(function(_,txt) {
        return txt == '... Read More' ? '... Read Less' : '... Read More';
    }).prev(".more");

    $('.more').not(more).slideUp().text('... Read More');
    more.slideToggle("normal");
});