OsteoActive tabs

// 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');
});