Super Simple Navigation-based jQuery Slider

tandem.js

var navigation = {
    setup: function ($container) {
        this.onChange($container);
    },
    onChange: function ($container) {

        var $nav = $container.find('.nav li'),
            $content = $container.find('.content li');

        $nav.on('click', function () {

            var target = $(this).index();

            $nav.removeClass('active');
            $(this).addClass('active');

            $content.hide();
            $content.eq(target).fadeIn();
        });
    }
};

$(document).ready(function () {
    navigation.setup($('.container'));
    /* Simply specify the container element
    and follow the proper structure below. */
});

/*

STRUCTURE
.container
> ul.nav
>> li (1)
>> li (2)

> ul.content
>> li (1)
>> li (2)

NOTE: .nav li (n) cooresponds with .content li (n)

*/