On Click Display the Content

by Apple Ilagan

HTML

<div id="div1" style="display:none;" class="abcd">
     <p>Black</p>
 </div>
  <div id="div2" style="display:none;"  class="abcd">
    <p>Red</p>

 </div>
  <div id="div3" style="display:none;" class="abcd">
   <p>Blue</>
 </div>

<input type="button" value="Black" id="black" class="btn" />

<input type="button" value="Red" id="red" class="btn" />

<input type="button" value="Blue" id="blue" class="btn" />

JavaScript

$('.btn').click(function(){
    $('.abcd').not(':contains('+$(this).val()+')').hide();
    $('.abcd:contains('+$(this).val()+')').show();
});