Recent news

Thursday, 5 May 2016

jQuery Responsive Tabs Plugin Using Css3 and jQuery



jQuery responsive is a jquery tab plugin which is responsive in nature. This plugin change it’s shape as the screen resolution get charges. This plugin we can use in asp.net, mvc, php, java etc.

How To Use
1. Add the below library reference

<script src="http://code.jquery.com/jquery-1.8.0.min.js"></script>
<script src="http://www.petelove.com/responsiveTabs/js/responsiveTabs.js"></script>
<link rel="stylesheet" href="http://www.petelove.com/responsiveTabs/css/responsive-tabs.css">


2. Now add the below html tag.

<div class="responsive-tabs">
    <h2>[...]</h2>
    <div>[...]</div>
    <h2>[...]</h2>
    <div>[...]</div>
</div>


3. Add the below code to show tabs
  
 $(document).ready(function () {
        RESPONSIVEUI.responsiveTabs();
    })




Pranav Singh Author: Pranav Singh

Hello, I am Author of this blog. The main purpose of this blog is to provide all the jQuery plugins which is helpful in designing and developing a web application in a single location from the web.

Previous
Next Post »

E-mail Newsletter

Sign up now to receive breaking news and to hear what's new with us.

Recent Articles