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');
  });