Hi smuthu,
I have created a sample which full your requirement
HTML
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<link href="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.0.3/css/bootstrap.min.css"
rel="stylesheet" type="text/css" />
<script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.0.3/js/bootstrap.min.js"></script>
<script type="text/javascript">
$(function () {
$('.button').click(function () {
$('.button').attr('style', 'display:none');
$(this).attr('style', 'display:block');
return false;
});
});
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<div class="div">
<button class=" button" id=" mybutton">
GET BIRDS</button>
<button class=" button" id=" mybutton1">
GET ANIMALS</button>
<button class=" button" id=" mybutton2">
GET OCCEAN</button>
<button class=" button" id=" mybutton3">
GET NATURE</button>
</div>
</div>
</form>
</body>
</html>
Demo