Basic Show/Hide

by chayacooper

HTML

<div id="hide_me" name="hide_me">1rst</div>
<div id="show_me" style="display:none">2nd</div>

<div id="hide_me1" name="hide_me1">hide_me1</div>

<a href="#" class="hide">Hide</a> 
<a href="#" class="show">Show</a>

JavaScript

$(document).ready(function(){
  $(".hide").click(function(){
    $("[name=hide_me],[name=hide_me1]").hide();    
    //$("#show_me").show();
  });
  $(".show").click(function(){
    $("[name=hide_me]").show();    
    $("#show_me").hide();
  });
});