Toggle jQuery

by Michel Plungjan

HTML

<a href="#" id="toggleLink">Show</a>
<div id="someDiv">Here is some text</div>

CSS

#someDiv { display:none }

JavaScript

$(function() {
  $("#toggleLink").on("click",function(e) {
    e.preventDefault(); 
    $("#someDiv").toggle();
    $(this).text($("#someDiv").is(":visible")?"Hide":"Show");
  });
});