jQuery Contact Tabs Plugin

jQuery Contact Tabs Plugin – Example 1 Light Skin

Quick start showing the plugin default settings and using the “light” skin – the default single contact form tab will appear in the top right-hand corner of the browser window.

Click the icon to slide open the tab.

Add The Plugin jQuery & CSS Files

Link the supplied CSS style sheet and the jQuery plugin file in the head of the page:

<link rel="stylesheet" type="text/css" media="all" href="css/dcjct.css" />
<script type="text/javascript" src="js/jquery.contact.tabs.1.0.min.js">

Initialize the Plugin

To use the “light” skin set the “style” option to “light”:

$(document).ready(function($){
    $('#contact-tabs').dcContactTabs({
        style: 'light'
    });
});

Add the HTML

<div id="contact-tabs"></div>

The contact tabs are inserted into the “contact-tabs” div tag when the page loads.

jQuery Social Media Tabs
jQuery Social Stream Plugin
jQuery Social Share Buttons Plugin