Einzelnen Beitrag anzeigen
  #2 (permalink)  
Alt 24.05.2008, 17:02
Sonny Lane Sonny Lane ist offline
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 29.05.2007
Beiträge: 77
Sonny Lane befindet sich auf einem aufstrebenden Ast
Standard

Habe es soeben lösen können, für alle die es interessiert:

JS jQuery Code:
Code:
	$('#quicknav_posts ul').hide();
	$('#quicknav_cats h3').hover(function() {
		$('#quicknav_cats h3.hover').removeClass("hover");		
		var getClass = $(this).attr("class");
		/*alert(getClass);*/
		$('#quicknav_posts ul').hide();
		$('#quicknav_posts .' + getClass).show();			
		$(this).addClass("hover");		
	}, function() {		
	});
XHTML Code:
Code:
<div id="quicknav" class="clearfix">
	<div id="quicknav_cats">
		<h3 class="cat1">Kategorie1</h3>
		<h3 class="cat2">Kategorie2</h3>
		<h3 class="cat3">Kategorie3</h3>
		<h3 class="cat4">Kategorie4</h3>
		<h3 class="cat5">Kategorie5</h3>
		<h3 class="cat6">Kategorie6</h3>
	</div>	
	<div id="quicknav_posts">
		<ul class="cat1">
			<li><a href="#">Kategorie1 Post 1</a></li>
			<li><a href="#">Kategorie1 Post 2</a></li>
			<li><a href="#">Kategorie1 Post 3</a></li>
			<li><a href="#">Kategorie1 Post 4</a></li>
		</ul>
		<ul class="posts cat2">
			<li><a href="#">Kategorie2 Post 1</a></li>
			<li><a href="#">Kategorie2 Post 2</a></li>
			<li><a href="#">Kategorie2 Post 3</a></li>
			<li><a href="#">Kategorie2 Post 4</a></li>
		</ul>
		<ul class="posts cat3">
			<li><a href="#">Kategorie3 Post 1</a></li>
			<li><a href="#">Kategorie3 Post 2</a></li>
			<li><a href="#">Kategorie3 Post 3</a></li>
			<li><a href="#">Kategorie3 Post 4</a></li>
		</ul>
	</div>
</div>
Grüsse,
S.L.
Mit Zitat antworten
Sponsored Links