Menu Safona com JQuery

marcosfj1 · Março 29, 2011

Olá galera

Bom seguinte senguindo um tutorial da net, e com a ajuda de uma amigo meu, que fez quase tudo, pois não sei quase nada de JQuery hehe....consegui fazer um menu sanfona...quando clico no menu abre os submenus. O problema é q eu queria q ao clicar no outro menu fechasse automaticamente o anterior aberto tipo assim:

MENU 1

--sub menu 1

--sub menu 2

--sub menu 3

MENU 2

Ai quando eu clicar em MENU 2, as opcoes do menu 1 fechasse e abrisse a do MENU 2

Aqui esta o codigo Jquery que faz isso:

<script type="text/javascript">
$(document).ready(function(){            
    $('#nav ul ul').hide();            
    $('#nav a.categoria').click(function(e){                        
        e.preventDefault();                        
        $(this).parent().find('ul').slideToggle('slow');                    
        }        
    );        
    }
);
</script>

E também se possivel alguém me ajuda a fazer este menu funcionar no Chrome, pois somente no IE ele funciona

Valeu

marcosfj1 · Março 29, 2011

Ta quase....mas claro ainda a o problema dessa merda não funcionar no chrome e firefox

Eu não tenho mais ideia do q pode ser, por mais q eu olhe não consigo notar nenhum problema com meu codigo:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<script type="text/javascript">
$(document).ready(function(){                    
    $('#nav ul ul').hide();                    
    $('#nav a.categoria').click(function(e){                
        e.preventDefault();                 
        $('#nav ul ul').hide();                
        $(this).parent().find('ul').slideToggle('slow');        
        }
    );        
    }
);
</script>

</head>

<body>
<div id="menu_categoria" class="boxed">
  <h2 class="title">DEPARTAMENTOS</h2>
  <div style="margin:5px;" id="nav">
<?

    //
    $sql = "dhfgdfd";
    $req = mysql_query($sql);

    //
    if (mysql_num_rows($req)) {

?>
    <ul class="semMargem" >
      <?
    
    //
    while ($cp = mysql_fetch_array($req)) {
    
        //
        $nome = $cp['nome'];
        if ($cp['id_produto_categoria'] == $_GET['categoria'])
            $nome = '<b>'.$cp['nome'].'</b>';
                    
?>
      <li><a class="categoria" href="?l=produto&amp;categoria=<?=$cp['id_produto_categoria'] ?>" title="<?=$cp['nome'] ?>" ><?=$nome ?></a></li>
     
<?

    //
    if ($cp['id_produto_categoria'] OR $_GET['categoria']) {
    
        //
        echo '<ul style="margin-bottom:5px;">';
        
        //
        $sql = "hdgdfdgd";
        $req2 = mysql_query($sql);
        
        //
        while ($cp2 = mysql_fetch_array($req2)) {
            
            //
            $nome = $cp2['nome'];
            if ($cp2['id_produto_marca'] == $_GET['marca'])
                $nome = '<b>'.$cp2['nome'].'</b>';
            echo '<li>                
                    <a class="marca" style="color:#06C;" href="?l=produto&amp;categoria='.$cp['id_produto_categoria'].'&amp;marca='.$cp2['id_produto_marca'].'" title="'.$cp2['nome'].'"><b>'.$nome.'</b></a>            
                 </li>';        
        }    
        echo '</ul>';

    }        

?>
      
      
      <? } ?>
    </ul>
<? } ?>    
  </div>
</div>

</body>
</html>

Ta tudo certo....só se o chorme não aceita geração de menu dinamico hehe....mas acho isso impossivel hehe

Marcelony · Março 30, 2011

tambem não dá no Opera Browser :)

rafaeldorazio · Abril 1, 2011

marcos, eu estou com um projeto monstro aqui, e estou tendo dificuldades com o Firefoc 3.6 e 4.0, e com o Crhome tb, mas no IE9 ( que o povo tanto reclama ) até agora não vi nenhum bug !!!!

QUal seria o problema ?

Entrar

Menu Safona com JQuery

Pergunta

marcosfj1

Link para o comentário

Compartilhar em outros sites

3 respostass a esta questão

Posts Recomendados

marcosfj1

Link para o comentário

Compartilhar em outros sites

Marcelony

Link para o comentário

Compartilhar em outros sites

rafaeldorazio

Link para o comentário

Compartilhar em outros sites

Participe da discussão

Estatísticas dos Fóruns

Navegação

Atividades