Question

In my code the html of the is set to “show more” on the page it self. After I click it it, it changes to “hide”
When I click it again I am trying to set it back to “show more” Not sure on how to do it after it hides from the toggle.

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

Answer 1

You can use the toggle method to bind multiple click events.

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