jquery - Change button style -


i have 3 buttons , 3 panels.i click button panel1 load @ time,panel2 , 3 invisible.if click button2 panel2 load,panel1 , 3 invisible.i want change button style tabcontainer of tabs.these 3 button show tabs.is possible in css asp.net?

you use concept of togglable tabs

<link href="assets/css/bootstrap.css" rel="stylesheet"> <link href="assets/css/bootstrap-responsive.css" rel="stylesheet"> <script src="http://code.jquery.com/jquery-1.9.1.js"></script> <script src="assets/js/bootstrap-transition.js"></script> <script src="assets/js/bootstrap-tab.js"></script> <script> $('#panel a').click(function(e) {   e.preventdefault();   $(this).tab('show'); })  // first active $('#panel a:first').tab('show'); </script>  <div class="tabbable"> <ul id="panel" class="nav nav-tabs">   <li><a href="#button1" data-toggle="tab">button 1</a></li>   <li><a href="#button2" data-toggle="tab">button 2</a></li>   <li><a href="#button3" data-toggle="tab">button 3</a></li> </ul> <div class="tab-content">   <div class="tab-pane fade in active" id="button1">      have click button 1 , show panel 1 </div>   <div class="tab-pane fade in " id="button2">you have click button 2 , show panel 2</div>   <div class="tab-pane fade in " id="button3">you have click button 3 , show panel 3 </div>  </div> 

here's demo : jsfiddle


Comments

Popular posts from this blog

blackberry 10 - how to add multiple markers on the google map just by url? -

php - guestbook returning database data to flash -

delphi - Dynamic file type icon -