Tabpage - JavaScript Probleme mit CSS

Manfred K. erstellt 7 Feb. 2012 11:43

Hallo,

ich habe auf meiner Seite Tabs mit unterschiedlichen CSS (ul.class) eingebaut:

<div id="tabs">

<ul class="tabNavigation ms-WPBody"><li><a class="selected ms-topnavselected" href="#tab-1"><span>NEU</span></a></li></ul>

<ul class="Alt"><li><a href="#tab-2"><span>ALT</span></a></li></ul>
</div>

Und JavaScript:

<script type="text/javascript">

$(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.tabNavigation a').removeClass('ms-topnavselected selected');
  $('[href=' + tabsX + ']').addClass('ms-topnavselected selected');
 }
 
 $('div#tabs ul.tabNavigation a').click(function () {
  var tabSelected = $(this).attr('href');
  tabContainers.hide();
  tabContainers.filter(this.hash).show();
  $('div#tabs ul.tabNavigation 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 ( '(^|;) ?' + cookie_name + '=([^;]*)(;|$)' );

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

 </script>

Da ich unterschiedliche ul.STYLE-Class(en) habe, reagiert mein JavaScript bei tab2=ALT nicht!!!

Wie erweitere ich aber JavaScript, damit auch tab2=ALT ausgewählt werden kann???

Danke im Voraus!