docs/_theme/log4php/static/log4php.js

$(function() {
    reformatTabs();
    activateTabs();
});

function reformatTabs()
{
    $('.container.tabs').each(function(tabs_id, container) {
        var i, count, title, tabID;
        var $menu, $tabs, $tab, $titles;

        $tabs = $(container).children('div');
        $titles = $(container).children('p.rubric');

        if ($tabs.size() < 1) {
            console.warn("Tab init failed. Not enough <div>s. Required at least 1.");
        }

        if ($tabs.size() !== $titles.size()) {
            console.warn("Tab init failed. Number of <div>s does not match number of <p.rubric>s.");
            return;
        }

        count = $tabs.size();
        $menu = $('<ul>');

        for (i = 0; i < count; i++) {
            $tab = $($tabs[i]);
            title = $titles[i].innerHTML;
            tabID = 'tab-' + tabs_id + '-' + i;

            $($titles[i]).remove();
            $menu.append('<li><a href="#' + tabID + '">' +  title + '</a></li>');
            $tab.attr('id', tabID);
        }

        $(container).prepend($menu);
    })
}

function activateTabs()
{
    $('.container.tabs > div').hide();
    $('.container.tabs > div:first').show();
    $('.container.tabs ul li:first').addClass('active');

    $('.container.tabs ul li a').click(function(){
        $('.container.tabs ul li').removeClass('active');
        $(this).parent().addClass('active');
        var currentTab = $(this).attr('href');
        $('.container.tabs > div').hide();
        $(currentTab).show();
        return false;
    });
}