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 mostrarGaleria
vai ficar em baixo de mostrarDadosTecnicos
.
Exemplo no JSFiddle