How can i create tab system using jQuery

Create tabbing system using jquery is supper easy. No need to use any jquery plugin for that, just use simple jquery like the below:

//Start jQuery part
      	$( ".cmn" ).hide();
     	$( ".cmn" ).eq( $(this).index() ).show();
//jQuery part end

//Start CSS part
//CSS part end

// Start HTML part
<div class="container">


<div class="class1 cmn">Tab1 content</div>
<div class="class2 cmn">Tab2 content</div>
<div class="class3 cmn">Tab3 content</div>
<div class="class4 cmn">Tab4 content</div>

//End HTML part

Here is the output of above code:

jQuery Tabs

Leave a Reply

Your email address will not be published. Required fields are marked *