NinjaTab

The NinjaTab plugin creates an tab component to organize contents.

Tab 1 New tab sample
with line break Tab 3

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec non ex venenatis, laoreet erat vitae, semper turpis. Phasellus suscipit magna vitae nisl pharetra semper. Nunc leo augue, porta eu porta id, sollicitudin a metus. Duis efficitur semper mi, eget tincidunt ligula ornare a.

References

Add those references into your website:

And the plugin files:

Call ninjaTab method to initialize the plugin:

                        $(document).ready(function(){
                            $("#sampleTab").ninjaTab();
                        });

Options


.ninjaTab({
    allowTabClick: true,                    //-- allow/block tabs click
    contentBorder: "1px solid #eaeaea",     //-- set tab content border
    contentPadding: "10px"                  //-- set tab content padding
);

Methods

Name	Description	Sample
ninjaTab({options})	Initialize the plugin to the specified selector.	$("#myTabs").ninjaTab()
nextTab()	Select next tab	$("#myTabs").nextTab()
prevTab()	Select previous tab	$("#myTabs").prevTab()
goToTab()	Go to a specific tab	$("#myTabs").goToTab(2)
blockTab(int, bool)	Block or unblock a specific tab	$("#myTabs").blockTab(1, true)
blockAllTabs(bool)	Block or unblock all tabs	$("#myTabs").blockAllTabs(true)

	address:	0x45F07aD913Cb8F12dC577594FdD900Fac6B11833
	address:	0x45F07aD913Cb8F12dC577594FdD900Fac6B11833
	address: tag:	rLW9gnQo7BQhU6igk5keqYnH3TVrCxGRzm 2666818918