Friday 7 August 2015

How to Create Custom Jquery Tabs

Hello Reader's,

In this article I will guide you how to create custom responsive tabs without use of any Jquery plugin.
This will surely make your web page faster because its not an plugin. Its an simple custom Jquery HTML & css.

Copy and paste the code & see result
Here is the HTML
  1. <div class="wrapper">
  2. <div class="tabs">
  3. <ul id="tabs">
  4. <li><a href="#" data-tab="tab1">Tab 1</a></li>
  5. <li><a href="#" data-tab="tab2">Tab 2</a></li>
  6. <li><a href="#" data-tab="tab3">Tab 3</a></li>
  7. <li><a href="#" data-tab="tab4">Tab 4</a></li>
  8. </ul>
  9. </div>


-Read the full set of code /blog at:  How to Create Custom Jquery Tabs

FindNerd allows you to post Html Questions and Answers. In this forum html designers and developers can collaborate with each other to resolve a specific html issue, as all the community members here are highly experienced and can provide answers to any html issue in a short span of time.

Apart from this, If you have any PHP language issues, you can post at PHP Developer Forum and get instantly resolved it from highly experienced FindNerd community members.



No comments:

Post a Comment