$.tabs = function(selector, start) { $(selector).each(function(i, element) { $($(element).attr('tab')).css('position', 'absolute'); $($(element).attr('tab')).css('left', '-10000px'); //$($(element).attr('tab')).attr('toppos')=$($(element).attr('tab')).offset().top; $($(element).attr('tab')).css('top', '0px'); $(element).click(function() { $(selector).each(function(i, element) { $(element).removeClass('selected'); $($(element).attr('tab')).css('position', 'absolute'); $($(element).attr('tab')).css('left', '-10000px'); //$($(element).attr('tab')).attr('toppos')=$($(element).attr('tab')).offset().top; $($(element).attr('tab')).css('top', '0px'); }); $(this).addClass('selected'); $($(this).attr('tab')).css('position', 'relative'); $($(this).attr('tab')).css('left', '0px'); $($(this).attr('tab')).css('top', '0px'); //$($(element).attr('tab')).attr('toppos')=$($(element).attr('tab')).offset().top; //$($(element).attr('tab')).css('top', '0px'); }); }); if (!start) { start = $(selector + ':first').attr('tab'); } $(selector + '[tab=\'' + start + '\']').trigger('click'); };