更改文本顯示/隱藏

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