更改显示/隐藏的文字

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，并且正在内部循环工作。       我的显示/隐藏内容工作正常，但我想在用户点击时将文字（在按钮上）更改为“显示”和“隐藏”。       请帮忙。

Answer 1

您可以使用ternary conditional operator切换文字。

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