submenu jQuery como um acordeão
na página da weboshadi-yoga.ch Eu gosto de obter um menu de navegação com uma lista como esta:
<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>
Eu escrevi um pouco de jquery para obter um efeito de acordeão. se você clicar no primeiro nível, a segunda lista será aberta com um efeito de alternância:
$(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");
});
});
Agora o submenu fica oculto quando você abre a página. isto está certo. você clica em um item de menu e o submenu é mostrado. isto está certo. não há link para uma página no primeiro nível. então você clica em um link no segundo nível em que a página é aberta, mas o segundo nível<ul>
fica oculto por alguns segundos. esse é o erro.
infelizmente eu não sou capaz de corrigir o script jquery. alguém pode me ajudar ou tem um exemplo de um menu que eu preciso?