jquery - Jqueryはテキスト変更の表示と非表示を切り替えます

Question

私はしばらく探していましたが、答えが見つからないか、これを思い通りに機能させることができません。

現在、非表示になっているコンテンツがあり、「もっと読む」をクリックすると下に展開されますが、クリックすると、そのテキストを「少ない」または「非表示」などに変更したいと思います。

これが私のコードです。

$(document).ready(function () {
    $('.moreinfo').hide();
    $('.more').click(function () {
        $('#info'+$(this).attr('target')).toggle(500);
        return false;
    });  
});

次に、このhtmlに移動します

<p class="moreinfo" id="info1">CONTENT HERE</p>
<a class="more" target="1">Read More</a>

どんな助けでも大歓迎です！ありがとうございました。

Answer 1

$(document).ready(function(){
  $("#div1").click(function(){
    $(this).text($(this).text() == 'More' ? 'Less' : 'More'); 
    $("#div2").slideToggle("slow");

  });
});