Problema com menu sanfona

[danielswater 0]

Galera boa tarde

Sou novato de tudo em jquery e javascript e estou montando um site com um menu sanfona em jquery.

O que eu quero e que quando a pessoa coloque o mouse por cima de um link, desça os submenus, sem precisar clicar e se a pessoa clicar, ir para a respectiva pagina. Por exemplo

 

- INSTITUCIONAL

*CURSOS

*HISTORICO

*TRADIÇAO

 

A pessoa coloca o mouse em cima de INSTITUCIONAL, ai vai descer os submenus, ai se ela clicar em INSTITUCIONAL, vai para a pagina institucional.php

 

Tem como fazer isso galera??

 

segue o código do java

 

<script type="text/javascript" src="jquery/jquery-1.3.2.js"></script>
<script type="text/javascript">
var cores = new Array("#F4F4F4", "#F4F4F4", "#F4F4F4", "#F4F4F4", "#F4F4F4", "#F4F4F4", "#F4F4F4", "#F4F4F4");

$(document).ready(function(){
$("#leftmenu ul").each(function(i){$(this).css({"backgroundColor":cores[i+1]})});
$("#leftmenu ul:not(:first)").hide();
$("#leftmenu li a").click(function() {
$("#leftmenu li ul:visible").slideUp("slow");
$(this).parent().find("ul:eq(0)").slideToggle("slow");

});
});
</script>

[William Bruno 1501]

A princípio, você tem que trocar o click por mouseover

$("#leftmenu li a").mouseover(function() {

Java != Javascript

[danielswater 0]

A princípio, você tem que trocar o click por mouseover

$("#leftmenu li a").mouseover(function() {

Java != Javascript

 

O William brigadao por me responder.

Mas eu testei e o menu fica todo louco :D:D:D...ele fica abrindo os submenus direto, mesmo quando passo o mouse por cima de um link que n tem submenu.

Ajudaria se eu colocar o codigo do menu?

[William Bruno 1501]

Ah tá.. entendi.

é, deveria ter selecionado melhor qual elemento era pra mostrar.

 

Sim, coloca o código completo, para que quem for te ajudar, consiga executar o menu.

[danielswater 0]

Ah tá.. entendi.

é, deveria ter selecionado melhor qual elemento era pra mostrar.

 

Sim, coloca o código completo, para que quem for te ajudar, consiga executar o menu.

 

Beleza William, segue ai o codigo do menu

 

<ul id="leftmenu">

<li><a href="index.php">Página Inicial</a></li>
<li><a href="http://uniandrade.ninehub.com/">AVA Uniandrade Moodle</a></li>
<li><a href="#">»» Institucional </a>
  <ul>
<li><a href="novo.php"> • Histórico</a></li>
<li><a href="lista.php">• Reitoria</a></li>
</ul>
</li>
<li><a href="#">»» Cursos</a>
  <ul>
<li><a href="novo.php">• Pós Graduação</a></li>

<li><a href="lista.php">• Metodologia</a></li>

<li><a href="lista.php">• Cronograma</a></li>

<li><a href="lista.php">• Ementas e Autoria</a></li>

<li><a href="lista.php">• Extensão Universitária</a></li>

<li><a href="lista.php">• Empresas Conveniadas</a></li>
</ul>
</li>
<li><a href="#">»» Processo Seletivo</a>

  <ul>
<li><a href="novo.php">• Cursos</a></li>
<li><a href="lista.php">• Inscrições</a></li>
<li><a href="busca.php">• Edital</a></li>
</ul>
</li>

<li><a href="#">Cursos Presenciais</a>
<li><a href="#">Extensão Universitária</a>
<li><a href="#">Fale Conosco (Ouvidoria)</a>
<li><a href="#">Biblioteca</a>
<li><a href="#">Trabalhe Conosco</a>
<li><a href="#">Cursos Online</a>
</ul>
</li>
</ul>

[danielswater 0]

consegui resolver o problema, porem me surgiu outra duvida

 

nesse script que passei, a primeira "aba" fica aberta...como eu faço para que a SEGUNDA fique aberta?...sei que se eu colocar LAST no lugar de FIRST a última ficara aberta.....mas a segunda nao consigo de jeito nenhum

 

Alguem pode me dar uma luz?

 

segue o codigo

 

<script type="text/javascript" src="jquery/jquery-1.3.2.js"></script>
<script type="text/javascript">
var cores = new Array("#F4F4F4", "#F4F4F4", "#F4F4F4", "#F4F4F4", "#F4F4F4", "#F4F4F4", "#F4F4F4", "#F4F4F4");

$(document).ready(function(){
$("#leftmenu ul").each(function(i){$(this).css({"backgroundColor":cores[i+1]})});
$("#leftmenu ul:not(:first)").hide();
$("#leftmenu li a").click(function() {
$("#leftmenu li ul:visible").slideUp("slow");
$(this).parent().find("ul:eq(0)").slideToggle("slow");

});
});
</script>

[Maujor 144]

Substitua:

$("#leftmenu ul:not(:first)").hide();

por:

$("#leftmenu ul").not('ul:eq(1)').hide();

[danielswater 0]

Substitua:

$("#leftmenu ul:not(:first)").hide();

por:

$("#leftmenu ul").not('ul:eq(1)').hide();

Po Mujor salvou a minha vida

 

Brigadao cara

 

Abrço

[Maujor 144]

Outro detalhe:

Tem um erro de sintaxe para definir cores de fundo:

Substitua:

css({"backgroundColor":cores[i+1]}

por

css({backgroundColor: cores[i+1]}

 

Para que criar um array se todas as cores nele são iguais????

 

Nota: Quando não houver necessidade explicita não cite o código para responder.

Basta citar o nome de quem indicou a solução.