Zakładki jquery, Każda zakładka inna klasa Opcje

[siatkarzyna]

Witam,

Jak przerobić ten kod tak aby aktywna zakładka/kategoria miała przypisaną inną klasę CSS. Niestety moja edukacja w kodowaniu zakończyła się na html i css więc nie daję sobie z tym rady.

Kod w pliku html

Kod

$(document).ready(function() {

            $.featureList(
                $("#tabs li a"),
                $("#output li"), {
                    start_item    :    1
                }
            );

            /*
            
            // Alternative

            
            $('#tabs li a').featureList({
                output            :    '#output li',
                start_item        :    1
            });

            */

        });

plik.js

Kod

;(function($) {
    $.fn.featureList = function(options) {
        var tabs    = $(this);
        var output    = $(options.output);

        new jQuery.featureList(tabs, output, options);

        return this;    
    };

    $.featureList = function(tabs, output, options) {
        function slide(nr) {
            if (typeof nr == "undefined") {
                nr = visible_item + 1;
                nr = nr >= total_items ? 0 : nr;
            }

            tabs.removeClass('current').filter(":eq(" + nr + ")").addClass('current');

            output.stop(true, true).filter(":visible").fadeOut();
            output.filter(":eq(" + nr + ")").fadeIn(function() {
                visible_item = nr;    
            });
        }

        var options            = options || {};
        var total_items        = tabs.length;
        var visible_item    = options.start_item || 1;

        options.pause_on_hover        = options.pause_on_hover        || true;
        options.transition_interval    = options.transition_interval    || 5000;

        output.hide().eq( visible_item ).show();
        tabs.eq( visible_item ).addClass('current');

        tabs.click(function() {
            if ($(this).hasClass('current')) {
                return false;    
            }

            slide( tabs.index( this) );
        });

        if (options.transition_interval > 0) {
            var timer = setInterval(function () {
                slide();
            }, options.transition_interval);

            if (options.pause_on_hover) {
                tabs.mouseenter(function() {
                    clearInterval( timer );

                }).mouseleave(function() {
                    clearInterval( timer );
                    timer = setInterval(function () {
                        slide();
                    }, options.transition_interval);
                });
            }
        }
    };
})(jQuery);

Tu jest link do tego kodu LINK

Za pomoc mogę zaoferować stworzenie jakiegoś layoutu strony