bTabs Initial Demos

bTabs with styling

Tab 1 Content

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Perspiciatis, similique cum. Laborum optio quod, atque eum architecto recusandae accusantium adipisci, expedita esse error, cumque. Veritatis tempora reiciendis nostrum rem ad.

Tab 2 Content

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Perspiciatis, similique cum. Laborum optio quod, atque eum architecto recusandae accusantium adipisci, expedita esse error, cumque. Veritatis tempora reiciendis nostrum rem ad.

Tab 3 Content

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Perspiciatis, similique cum. Laborum optio quod, atque eum architecto recusandae accusantium adipisci, expedita esse error, cumque. Veritatis tempora reiciendis nostrum rem ad.

Tab 4 Content

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Perspiciatis, similique cum. Laborum optio quod, atque eum architecto recusandae accusantium adipisci, expedita esse error, cumque. Veritatis tempora reiciendis nostrum rem ad.

bTabs without styling

Tab 1 Content 2222

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Perspiciatis, similique cum. Laborum optio quod, atque eum architecto recusandae accusantium adipisci, expedita esse error, cumque. Veritatis tempora reiciendis nostrum rem ad.

Tab 2 Conten 222222222t

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Perspiciatis, similique cum. Laborum optio quod, atque eum architecto recusandae accusantium adipisci, expedita esse error, cumque. Veritatis tempora reiciendis nostrum rem ad.

Tab 3 Content 2222222222222

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Perspiciatis, similique cum. Laborum optio quod, atque eum architecto recusandae accusantium adipisci, expedita esse error, cumque. Veritatis tempora reiciendis nostrum rem ad.

Tab 4 Content 22222222222222

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Perspiciatis, similique cum. Laborum optio quod, atque eum architecto recusandae accusantium adipisci, expedita esse error, cumque. Veritatis tempora reiciendis nostrum rem ad.

bTabs demo code


//Default Options
jQuery('#btabs-demo').bTabs();

//Changed Options
jQuery('#bojan-tabs').bTabs({
	startTab: 2,
	activeClass: 'activebojan',
	tabsLinkClass: 'bojanlink',
	tabsContentClass: 'bojancontent',
	fadeSpeed: 200,
	showHash: false
});