vedranvinko icon

OsteoActive tabs

vedranvinko | PRO | 06/16/18 03:07:01 PM UTC | 0 ⭐ | 481 👁️ | Never ⏰ | []
JavaScript |

2.23 KB

|

None

|

0 👍

/

0 👎

// add jquery
 
var script = document.createElement("script");
script.setAttribute('src', '//code.jquery.com/jquery-latest.min.js');
script.addEventListener('load', function() {
    var script = document.createElement('script');
    document.body.appendChild(script);
}, false);
document.body.appendChild(script);
 
clear();
 
function r(min, max) {
    return Math.floor(Math.random() * (max - min + 1)) + min;
}
 
 
 
// collect menu items
$('a[title="Articles"]').click(function (e) {
    e.preventDefault();
 
    var active = $('a[href*="tabs"]').closest('li.is-active');
    var activeTab = $('div[id*="tabs"]').not('li.is-hidden');
    var inactiveTabs = $('div[id*="tabs"].is-hidden');
 
    var rn = r(0, 2);
    var selector = "a[href*=\"" + "tabs-" + rn +"\"" + "]";
    
    active.removeClass('is-active');
    $(selector).parent().addClass('is-active');
 
    activeTab.addClass('is-hidden');
    var selectorTab = "div[id*=\"" + "tabs-" + rn +"\"" + "]";
    $(selectorTab).removeClass('is-hidden');
});
 
$('a[title="Recipes"]').click(function (e) {
    e.preventDefault();
    var active = $('a[href*="tabs"]').closest('li.is-active');
    var activeTab = $('div[id*="tabs"]').not('li.is-hidden');
    var inactiveTabs = $('div[id*="tabs"].is-hidden');
 
    active.removeClass('is-active');
    $('a[href*=tabs-3]').parent().addClass('is-active');
 
    activeTab.addClass('is-hidden');
    $('div[id*=tabs-3]').removeClass('is-hidden');
});
 
$('a[title="Exercises"]').click(function (e) {
    e.preventDefault();
    var active = $('a[href*="tabs"]').closest('li.is-active');
    var activeTab = $('div[id*="tabs"]').not('li.is-hidden');
    var inactiveTabs = $('div[id*="tabs"].is-hidden');
 
    active.removeClass('is-active');
    $('a[href*=tabs-4]').parent().addClass('is-active');
 
    activeTab.addClass('is-hidden');
    $('div[id*=tabs-4]').removeClass('is-hidden');
});
 
$('a[title="Stories"]').click(function (e) {
    e.preventDefault();
    var active = $('a[href*="tabs"]').closest('li.is-active');
    var activeTab = $('div[id*="tabs"]').not('li.is-hidden');
    var inactiveTabs = $('div[id*="tabs"].is-hidden');
 
    active.removeClass('is-active');
    $('a[href*=tabs-5]').parent().addClass('is-active');
 
    activeTab.addClass('is-hidden');
    $('div[id*=tabs-5]').removeClass('is-hidden');
});

Comments