1

Tenho três menus, quando eu clico em cada um, ele deixa uma div que estava como display:none como display:block. O que está acontecendo, é que seu clicar no Menu 1 e depois no Menu 2, ele está adicionando uma div em baixo da outra.

O Jquery está assim:

$( "#dadosTecnicos" ).click(function() {
    $( "#mostrarDadosTecnicos" ).fadeToggle( 'fast', function() {});
});

$( "#galeria" ).click(function() {
    $( "#mostrarGaleria" ).fadeToggle( 'fast', function() {});
});

$( "#downloads" ).click(function() {
    $( "#mostrarDownload" ).fadeToggle( 'fast', function() {});
});

Por exemplo: ao clicar no id dadosTecnicos ele mostra a div mostrarDadosTecnicos se depois eu clicar em galeria, o mostrarGaleriavai ficar em baixo de mostrarDadosTecnicos.

Exemplo no JSFiddle

2

1 Resposta 1

2

O que está acontecendo é que quando você exibe um você esquece de desaparecer os outros dois

no exemplo abaixo eu usei o .hide() de uma olhada aqui

Código

$( "#dadosTecnicos" ).click(function() {
    $( "#mostrarDadosTecnicos" ).fadeToggle( 'fast', function() {});
    $( "#mostrarGaleria" ).hide();
    $( "#mostrarDownload" ).hide();
});

$( "#galeria" ).click(function() {
    $( "#mostrarGaleria" ).fadeToggle( 'fast', function() {});
    $( "#mostrarDownload" ).hide();
    $( "#mostrarDadosTecnicos" ).hide();
});

$( "#downloads" ).click(function() {
    $( "#mostrarDownload" ).fadeToggle( 'fast', function() {});
    $( "#mostrarGaleria" ).hide();
    $( "#mostrarDadosTecnicos" ).hide();
});
5
  • 1
    Silvio, muito obrigado cara. Funcionou 100% :P 3/04/2014 às 13:52
  • @FelipeStoker valeu ;) 3/04/2014 às 13:53
  • Se por acaso, eu quisesse adicionar um CSS, quando a pessoa clica em um menu em específico, ele aplica uma cor ('blue' por exemplo) e muda a cor dos outros. Você me indicaria usar .css informando as regras, ou .addClass criando uma classe para isso? 3/04/2014 às 14:12
  • CTRL + C | CTRL + V
    – noNihongo
    3/04/2014 às 14:12
  • 3
    @FelipeStoker Acredito que usando .addClass ficaria mais organizado mas eu mesmo uso o .css por ser bem mais pratico e também acaba economizando código, no caso do .addClass ele é usado mais para classes grandes por exemplo com 10 propriedades de css, no caso de uma ou até duas o melhor é usar o .css 3/04/2014 às 14:16

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .