Podmenu jQuery jak akordeon
na stronie internetowejoshadi-yoga.ch lubię uzyskać menu nawigacyjne z listą w następujący sposób:
<ul>
<li class="section-title">Yoga
<ul style="display: none;">
<li><a href="/">Approach</a></li>
<li><a href="/">Asanas</a></li>
<li><a href="/">Yoga</a></li>
<li><a href="/">Kirtan</a></li>
</ul>
</li>
</ul>
napisałem jquery, aby uzyskać efekt akordeonu. jeśli klikniesz pierwszy poziom, druga lista otworzy się z efektem przełączania:
$(function() {
$("#lbar li.section-title ul").hide();
$("#lbar li.section-title").click(function() {
$(this).find("ul").toggle();
});
});
$(function() {
$("#lbar li.section-titleact ul").show();
$("#lbar li.section-titleact").click(function() {
$(this).find("ul").toggle();
});
});
$(function() {
$("#lbar li.section-titleact ul li a").click(function() {
$("#lbar li.section-titleact ul").css("display", "block");
});
});
teraz podmenu jest ukryte po otwarciu strony. to jest poprawne. klikniesz element menu i wyświetli się podmenu. to jest poprawne. nie ma linku do strony na pierwszym poziomie. następnie klikniesz link na drugim poziomie, strona zostanie otwarta, ale drugi poziom<ul>
jest ukryty przez kilka sekund. to jest błąd.
niestety nie jestem w stanie poprawić skryptu jquery. czy ktoś może mi pomóc lub ma przykład potrzebnego menu?