2016-03-24 9 views
0

現在、私はコメントの返信を折りたたむことができますが、展開してもまだ返信が表示されています。これを変更して返信を隠しておきたい。どのように私はこれを達成するのですか?折りたたんだり展開したりすることはできますが、折り畳んだり展開したりするときにはどのようにHTMLテキストを切り替えることができます。 (返信の表示/返信の表示など)

<a href='#' class='replies'>   
     view{{comment.comment_count}}replies</a> 
<script> 
$('.replies').click(function(e){ 
    e.preventDefault(); 
    $(this).next(".got_replies").fadeToggle(); 
}) 
$(".got_replies").fadeToggle(); 

</script> 

私はこれを行う方法を見当がつかない...することができます誰かが私にいくつかのヒントを与えます?私は、これはあまりにも複雑仕事になるとは思いませんが、でも起動する方法がわからない...

+0

いくつかのテキスト操作をお試しください – madalinivascu

答えて

1

は、あなたが何をしようとしたのですか?

$('.replies').click(function(e){ 
    e.preventDefault(); 
    $(this).next(".got_replies").fadeToggle(); 
    text = $(this).text(); 

    if(text.indexOf('view') >= 0) { 
     text = text.replace('view','hide'); 
    } else { 
    text = text.replace('hide','view'); 
    } 
    $(this).text(text); 
    }); 

https://jsfiddle.net/Lnq5ba4t/

+0

おかげさまで、私は自分のコードを試してみたところで、何をすべきかを知っていると思うが、ページをリフレッシュしてhideと答えたときの回答が表示される。私はページをリフレッシュするときに返信を折りたたんで、ビューを表示する必要があります –

+0

これは、ページ参照後のテキストの状態を保存しません – madalinivascu

+0

ここに解決策は何ですか?私はちょうど失敗し失敗した後にあきらめました... –

関連する問題