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

<div class="wrapper">
        <div class="tabs">
            <ul id="tabs">
              <li><a href="#" data-tab="tab1">Tab 1</a></li>
              <li><a href="#" data-tab="tab2">Tab 2</a></li>
              <li><a href="#" data-tab="tab3">Tab 3</a></li>
              <li><a href="#" data-tab="tab4">Tab 4</a></li>
            </ul>
        </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.

How to Avoid HTML Mistakes

Hello Reader's

Here is the article which will help you to know, How to Avoid HTML Mistakes

In this article I will guide you how to avoid minor mistakes when create an HTML Page.

 1) Don't use block elements within Inline elements. **Wrong Approch**:- <a href="#"><h1>This approach is wrong because a tag is a inline element and h1 is a block element. So we can't use inline element before the block element.</h1></a> **Right Approch**:- <h1><a href="#">This approach is right because h1 is a block element & a tag is a inline element. So we can use inline element after the block element.</a></h1>

 2) Always use the attribute for tags. Reason of using attribute is, your image path is wrong or have bad network connection then the alt="star" text will be render on the screen.

-


Read the Blog at: How to Avoid HTML Mistakes FindNerd allows you to post Html queries at Html help forum. 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 Questions and Answers and get instantly resolved it from highly experienced FindNerd community members.