更改文本显示/隐藏

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