Easy Tabbed Navigation With jQuery


Here is the HTML Markup

<h4 class="single-company-tab-wrapper hide-if-no-js">
  <a class="single-company-tabs" href="#info">Info</a>
  <a class="single-company-tabs" href="#contact">Contact</a>
<div id="info" class="tab-content">
  <p>Content of info tab</p>
<div id="contact" class="tab-content">
  <p>Content of contact tab</p>

And here is the jQuery

jQuery( document ).ready( function($){
  $('.tab-content').hide(); // Hide all tabs first
  $('#info').show(); //  Show the default tab
  $('.single-company-tabs').on( 'click', function(e){
    tab = $(this).attr( 'href' );


Leave a Reply

Random Post Selection ::

Recent Posts

Unlock Unlimited Downloads