DESIGN:
<body> <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> </body>
Hi@Andrea
This method working no problem. but i want jquery method
button1 click other buttons are hide
button 2 click button1,3,4 hide
this work simultaneousy
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
© COPYRIGHT 2025 ASPSnippets.com ALL RIGHTS RESERVED.