Tabs - CSS ändern

Computer: Software & Programmierung JavaScript & Script-Sprachen
#1

Hallo,

ich bin ja anfänger und bekomme dies nicht hin:

Ich habe 4 Tabs auf meiner Website. nun möchte ich, dass der letzte Tab #tab-4 andere CSS (NEU) bekommt. Wie passe ich die javascript an, dass NEU auch per click dann ausgewählt werden kann?

Anbei mein Code:

$(function () {
var tabContainers = $(‚div#tabs > .tabbedWindow‘);
var tabsX = get_cookie ( „tabs“ );

if ( tabsX == null) {
tabContainers.hide().filter(’#tab-1’).show();
} else {
tabContainers.hide();
tabContainers.hide().filter(tabsX).show();
$(‚div#tabs ul.ALT a‘).removeClass(‚ms-topnavselected selected‘);
$(’[href=’ + tabsX + ‚]‘).addClass(‚ms-topnavselected selected‘);
}

$(‚div#tabs ul.ALT a‘).click(function () {
var tabSelected = $(this).attr(‚href‘);
tabContainers.hide();
tabContainers.filter(this.hash).show();
$(‚div#tabs ul.ALT a‘).removeClass(‚ms-topnavselected selected‘);
$(this).addClass(‚ms-topnavselected selected‘);
set_cookie ( „tabs“, tabSelected );
return false;
})

});

function set_cookie ( name, value )
{
var cookie_string = name + „=“ + escape ( value );

document.cookie = cookie_string;
}

function get_cookie ( cookie_name )
{
var results = document.cookie.match ( ‚(^|:wink: ?‘ + cookie_name + ‚=([^;]*)(;|$)‘ );

if ( results )
return ( unescape ( results[2] ) );
else
return null;
}

Alt A
Alt B
Alt C

Alt C

Und Syle:

#tabs ul.ALT{
color:blue;
}

#tabs ul.NEU{
color:red;
}
</prehtml>
DANKE im Voraus!

#2

Lösung:
Über im JavaScript „ul.ALT“ durch „ul“ ersetzen.

Warum?
Im Skript wird den Tabs über sogenannte Event-Handler die Funktion zugeordnet. Einfach gesprochen: Es wird festelegt, was beim Klick passiert. Solange sich diese Zuweisung auf die Tabs in der ungeordnelte Liste mit der Klasse „ALT“ berschränkt, wird der Tab in der ungeordneten Liste „NEU“ nicht berücksichtigt.

Sinnvoller wäre es daher vielleicht gewesen nicht die HTML Struktur zu ändern, sondern die grafischen Änderungen am letzten Tab nur über CSS-Klassen zu lösen.