Back to all Elements
The exact same code from Auto Change Tabs is used here (with some annotations):
<script>
var Webflow = Webflow || [];
Webflow.push(function() {
var tabTimeout;
clearTimeout(tabTimeout);
tabLoop();
function tabLoop() {
tabTimeout = setTimeout(function() {
var $next = $('.tabs-menu').children('.w--current:first').next();
if ($next.length) {
$next.click();
} else {
$('.tab-link:first').click();
}
}, 3000);
}
$('.tab-link').click(function() {
clearTimeout(tabTimeout);
tabLoop();
});
});
</script>
In this version I added an interaction that created an indicator when the tab is going to change.
.png)
Whenever possible, use Class Names to target the elements in your interaction. You never know when you'll need to duplicate and use it somewhere else...
A short JavaScript code for transferring a CMS list into an autocomplete on an input field.
Automatically insert the current year to any element with the class of 'year'
).png)
Using JS to scroll a div (menu) to the current link inside.
).png)