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
Post a Comment