如何将.html()从"隐藏"更改为"显示"

Question

在我的代码中,html被设置为在页面上"显示更多".点击它后,它变为"隐藏"当我再次点击它时,我试图将其设置回"显示更多"不确定如何从切换后隐藏它.

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

Answer 1

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