Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <ul class="tabs default">
- <li><a href="#tab-1">Design</a></li>
- <li><a href="#tab-2">Wordpress</a></li>
- <li><a href="#tab-3">Print</a></li>
- <li><a href="#tab-4">SEO</a></li>
- </ul><!--END ul tabs container-->
- <div class="tab_container default">
- <div id="tab-1" class="tab_content">
- <p>Etiam eget mi enim, non ultricies nisi voluptatem, illo inventore veritatis et quasi architecto beataeantium doloremque laudantium.</p>
- </div><!--END tab-content-->
- <div id="tab-2" class="tab_content">
- <p><span class="dropcap2">S</span>ed ut perspiciatis unde omnis iste natus error sit voluptatem accusantiuque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo, nemo enim ipsam voluptatem quia voluptas sit asperna.</p>
- </div><!--END tab-content-->
- <div id="tab-3" class="tab_content">
- <p><span class="dropcap1">E</span>tiam eget mi enim, non ultricies nisi voluptatem, illo inventore veritatisium, totam rem aperiam, eaque ipsa quae ab illo.</p>
- </div><!--END tab-content-->
- <div id="tab-4" class="tab_content">
- <p><span class="dropcap1">E</span>tiam eget mi enim, non ultricies nisi voluptatem, illo inventore veritati explicabo, nemo enim ipsam voluptatem quia voluptas sit asperna.</p>
- </div><!--END tab-content-->
- </div><!--END tab-container-->
- jQuery(document).ready(function($)
- {
- //Default Action
- $(".tab_content").hide(); //Hide all content
- $("ul.tabs li:first").addClass("active").show(); //Activate first tab
- $(".tab_content:first").show(); //Show first tab content
- //On Click Event
- $("ul.tabs li").click(function()
- {
- $("ul.tabs li").removeClass("active"); //Remove any "active" class
- $(this).addClass("active"); //Add "active" class to selected tab
- $(".tab_content").hide(); //Hide all tab content
- var activeTab = $(this).find("a").attr("href"); //Find the rel attribute value to identify the active tab + content
- $(activeTab).fadeIn(); //Fade in the active content
- return false;
- });
- });
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement