$.accordian = function(items, first, options) {

                                var active = first;
                                var running = 0;

                                var titles = options && options.titles || '.title';
                                var contents = options && options.contents || '.content';
                                var onClick = options && options.onClick || function(){};
                                var onShow = options && options.onShow || function(){};
                                var onHide = options && options.onHide || function(){};
                                var showSpeed = options && options.showSpeed || 'slow';
                                var hideSpeed = options && options.hideSpeed || 'fast';

                                $(items).not(active).children(contents).hide();
                                $(items).not(active).each(onHide);
                                $(active).each(onShow);

                                $(items).children(titles).click(function(e){

                                        var p = $(contents, this.parentNode);
                                        $(this.parentNode).each(onClick);

                                        if (running || !p.is(":hidden")) return false;
                                        running = 2;

                                        $(active).children(contents).not(':hidden').slideUp(hideSpeed, function(){--running;});
                                        p.slideDown(showSpeed, function(){--running;});

                                        $(active).each(onHide);
                                        active = '#' + $(this.parentNode)[0].id;
                                        $(active).each(onShow);

                                        return false;
                                });

                        };

                        function simpleLog(message) {
                                $('<div>' + message + '</div>').appendTo('#log');
                        }

                        $(function(){

                                $.accordian('#list1 > div', '#item11');

                                $.accordian('#list2 > div', '#item22', {
                                        titles:'.mytitle',
                                        contents:'.mycontent',
                                        onClick:function(){simpleLog(this.id + ' clicked')},
                                        onShow:function(){simpleLog(this.id + ' shown'); $(this).removeClass('off').addClass('on');},
                                        onHide:function(){simpleLog(this.id + ' hidden'); $(this).removeClass('on').addClass('off');},
                                        showSpeed:250,
                                        hideSpeed:550
                                });

                        });