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.