M
maharet
Guest
hi leuts,
bin am verzweifeln mit einer navi die ich in typo3 bastle und mit jquery animieren möchte... hoffe von euch kann mir jemand helfen.
derzeit sieht meine navi so aus (Bsp):
<ul class="menu_class">
<li class="no">Punkt 1
<li>Punkt 2
</ul>
Die Slide-Funktion als solches funktioniert. Nur habe ich mehrere Unterseiten - also Punkt 1.1 bis Punkt 1.7 zum beispiel - und ich möchte dass die "haupt-" li (also Punkt1) geöffnet bleibt solange man sich auf den unterseiten befindet....habe es bereits mit klassen für die indiv. li versucht. derzeit haben die li´s die klasse "no" und die "aktive haupt-" li auf der man sich befindet ist ohne klasse.
$('ul.menu_class>li').click(function () {
if ($(this).is('>li.no')) {
$(this).find('ul.subsub').slideToggle('slow');
}
else {
$(this).find('ul.subsub>li').show();
}
});
....für mein verständnis müsste die else-funktion ja nun sagen, dass die li ohne klassenname (in meinem falle die aktive li) mit ihrem untermenu ausgeklappt bleibt .... (die ul.subsub steht via css auf display:none - daher der versuch via show//) ....
geht aber alles nicht. wo ist mein fehler????
hoffe ihr könnt mir helfen .... bin hier total am verzweifeln.
danke für eure hilfe....
lg
bin am verzweifeln mit einer navi die ich in typo3 bastle und mit jquery animieren möchte... hoffe von euch kann mir jemand helfen.
derzeit sieht meine navi so aus (Bsp):
<ul class="menu_class">
<li class="no">Punkt 1
<ul class="subsub">
<li>Punkt 1.1</li>
</ul>
</li><li>Punkt 1.1</li>
</ul>
<li>Punkt 2
<ul class="subsub">
<li>Punkt 2.2</li>
</ul>
</li><li>Punkt 2.2</li>
</ul>
</ul>
Die Slide-Funktion als solches funktioniert. Nur habe ich mehrere Unterseiten - also Punkt 1.1 bis Punkt 1.7 zum beispiel - und ich möchte dass die "haupt-" li (also Punkt1) geöffnet bleibt solange man sich auf den unterseiten befindet....habe es bereits mit klassen für die indiv. li versucht. derzeit haben die li´s die klasse "no" und die "aktive haupt-" li auf der man sich befindet ist ohne klasse.
$('ul.menu_class>li').click(function () {
if ($(this).is('>li.no')) {
$(this).find('ul.subsub').slideToggle('slow');
}
else {
$(this).find('ul.subsub>li').show();
}
});
....für mein verständnis müsste die else-funktion ja nun sagen, dass die li ohne klassenname (in meinem falle die aktive li) mit ihrem untermenu ausgeklappt bleibt .... (die ul.subsub steht via css auf display:none - daher der versuch via show//) ....
geht aber alles nicht. wo ist mein fehler????
hoffe ihr könnt mir helfen .... bin hier total am verzweifeln.
danke für eure hilfe....
lg