1

私はこの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 関数を使用してこれを実現できることも知っていますが、どのようにすればよいでしょうか? 何か助けはありますか？

前もって感謝します

4

1 に答える 1

3

これを試して：

$('.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();
});
于 2012-08-15T14:37:59.373 に答える