Tabs using jQuery

let lean how to create tabs using a Jquery and CSS.

How To Create Tabs

<div id="example-tabs">

<h3>Keyboard</h3>

<section>

<p>What is needed to transform it to a tabs component? Not much. Just override some properties and done.</p>

</section>

<h3>demos</h3>

<section>

<p>Scroll down or up to see the other demos.</p>

</section>

<h3>Documentation</h3>

<section>

<p>For more information <a href="https://github.com/rstaib/jquery-steps/wiki">check out the documentation</a>!</p>

</section>

<h3>Download</h3>

<section>

<p>See on getting started!</p>

</section>

</div>

Javascript

$("#example-tabs").steps({

 headerTag: "h3",

 bodyTag: "section",

 transitionEffect: "slideLeft",

 enableFinishButton: false,

 enablePagination: false,

 enableAllSteps: true,

 titleTemplate: "#title#",

 cssClass: "tabcontrol"

});


Leave a Reply

Your email address will not be published. Required fields are marked *