.html（）を "hide"から "show"に変更する方法

Question

私のコードでは、htmlはページ上に "もっと見る"ように設定されています。私はそれをクリックした後、それは "非表示"に変更されます 私はもう一度それをクリックすると、私はそれを "表示"に戻そうとしているトグルから隠した後に行う方法についてはわからない。

$(".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"; 
    }); 
});