如何將.html（）從「隱藏」更改爲「顯示」

Question

在我的代碼中，html的設置在頁面上設置爲「show more」。當我點擊它後，它會變成「隱藏」 當我再次單擊它時，我試圖將其重新設置爲「顯示更多」不知道如何在切換後隱藏它。

$(".show").click(function() { 
    $("#men").children().toggle('slow'); 
    $(".show").html("hide"); 
}); 

Answer 1

可以使用toggle方法來綁定多個點擊事件。

$(".show").toggle(function() { 
    $("#men").children().toggle('slow'); 
    $(".show").html("hide"); // this will change all `.show` elements 
    // $(this).html("hide"); // this will only change the element clicked on 
}, function(){ 
    $("#men").children().toggle('slow'); 
    $(".show").html("show"); // this will change all `.show` elements 
    // $(this).html("hide"); // this will only change the element clicked on 
}); 

隱藏後

Answer 2

$(".show").click(function() { 
    $("#men").children().toggle('slow'); 
    $(this).text(function(txt, i) { 
     return txt === "hide" ? "show" : "hide"; 
    }); 
});