javascript - 表示/非表示でテキストを変更

Question

jqueryを使用して表示/非表示にしたいコンテンツがあります。以下のコードを使用して今まで：

$(document).on("click",".class", function(){
     $(this).next().slideToggle("fast"); 
      });



<div class="class"  Title="Click to view/hide all" id="flip">View &#9660;</div>
      <div class="class" id="panel"><table>
      Hello!! 
      </table>
      </div>

私はそのようなビューをたくさんdiv作成しており、 for ループ内で作業しています。コンテンツの表示/非表示は正常に機能していますが、ユーザーがクリックするたびに、(ボタンの) テキストを「表示」および「非表示」に変更したいと考えています。助けてください。

Answer 1

三項条件演算子を使用して、テキストを切り替えることができます。

 $(document).on("click",".class", function(){
    $(this).next().slideToggle("fast");  
     $(this).text($(this).text() == 'view' ? 'hide all' : 'view');
  });