(function($){ $.fn.tabs = function(optionen){ var parameter = jQuery.extend( { geschwindigkeit: 'fast' }, optionen); $(this).each(function() { // Initialisieren - alle Tabs ausblenden, den ersten Tab anzeigen $(this).find("div.tabs_mitte").hide(); $(this).find("div.tabs_mitte:first").show(); $(this).find("ul li").addClass('tabs_normal'); $(this).find("ul li:first").addClass('tabs_aktiv'); // alle Tabs ausblenden und geklickten Tab einblenden function maus_klick() { var href = $(this).find("a").attr("href"); var lis = $(this).parent().find("li"); var divs = $(this).parent().parent().find("div.tabs_mitte"); divs.slideUp(this.geschwindigkeit) .filter(href).slideDown(this.geschwindigkeit); lis.removeClass('tabs_aktiv'); $(this).removeClass('tabs_normal'); $(this).addClass('tabs_aktiv'); return false; } function maus_over() { $(this).removeClass('tabs_normal'); $(this).addClass('tabs_hover'); return false; } function maus_out() { $(this).removeClass('tabs_hover'); $(this).addClass('tabs_normal'); return false; } var tabs = $(this).find('ul li'); tabs.bind('click', maus_klick); tabs.bind('mouseover', maus_over); tabs.bind('mouseout', maus_out); }); }; })(jQuery);