Add an alert box to each of the respective functions, e.g.
$(document).ready(function(){
$("#hide").click(function(){
$("#hideme1").show();
$("#hideme2").show();
$("#hideme3").show();
$('#hide').text('Hide Descriptions');
alert('We are shown.');
});
$("#hide").click(function(){
$("#hideme1").hide();
$("#hideme2").hide();
$("#hideme3").hide();
$('#hide').text('Show Descriptions');
alert('We are hidden.');
});
});
and see for yourself the sequence of actions generated by your jQuery code. You will then understand why.
Actually, you should be using
jQuery toggle() Method[
^]. You should also use a class selector for the three hideme div's instead of id as you have been taught in your previous question
Why is only one paragragh hiding and showing and not all?[
^]