widgets
tabs Utilities
Autoplay for Tabs
Live Preview
Tabs on Autoplay (5 seconds)
Tab 1
Tab 2
Tab 3
Autoplay for Tabs
Simple script that allows to automatically change your tabs based on a timeout (set in milliseconds). The autoplay automatic stops if someone is hovering inside the tabs and restarts when he moves the mouse outside. To change the autoplay duration just change the attribute on the Tabs element:
Name
data-timer
Value
5000
Hover Toggle
Live Preview
Tabs toggle on hover
Tab 1
Tab 2
Tab 3
Tabs Toggle on Hover
Simple script that allows to toggle your tabs with an hover. The tabs will be automatically closed and opened based on mouse/touch position.
Click Toggle
Live Preview
Tabs toggle on click
Tab 1
Tab 2
Tab 3
Tabs Toggle on Click
Simple script that allows to toggle your tabs with a click. The tabs open status is toggled between clicks
