javascript - 如何在 slideToggle 上更改标题和 html

Question

我有这个 HTML 标记：

<a title="Hide comments" hreflang="1" class="comment-show-link" rel="tooltip" href="">Hide comments</a>
<a title="Hide comments" hreflang="2" class="comment-show-link" rel="tooltip" href="">Hide comments</a>

我想在 slideToggle 上将标题和 HTML 更改为“显示评论”，但不知道如何操作。我编写这段代码来显示/隐藏一个 DIV：

$('.comment-show-link').click(function(e) {
        $('#comment-show-'+$(this).attr("hreflang")).slideToggle('slow');
        e.preventDefault();
});

但不知道如何检查 DIV 是隐藏还是可见，并在每种情况下更改标题和 HTML。我也知道我可以使用 text() 或 html() jQuery 函数来实现这一点，但是如何实现呢？有什么帮助吗？

提前致谢

Answer 1

试试这个：

$('.comment-show-link').click(function(e) {
        var $this = $(this);
        var num = $this.attr('hreflang'); 
        $('#comment-show-'+num).slideToggle('slow', function(){
            if ($(this).is(':hidden')) {
               // do something here
               // $this.attr('...', '...') 
            }
        });
        e.preventDefault();
});