I have three menus, when I click on each one, it leaves a div that was as display:none
as display:block
. What is happening is that by clicking on Menu 1 and then on Menu 2, it is adding one div below the other.
Jquery looks like this:
$( "#dadosTecnicos" ).click(function() {
$( "#mostrarDadosTecnicos" ).fadeToggle( 'fast', function() {});
});
$( "#galeria" ).click(function() {
$( "#mostrarGaleria" ).fadeToggle( 'fast', function() {});
});
$( "#downloads" ).click(function() {
$( "#mostrarDownload" ).fadeToggle( 'fast', function() {});
});
For example, clicking on id
Technical data it shows the mostrarDadosTecnicos
div and then click galeria
, mostrarGaleria
will stay below mostrarDadosTecnicos
/ p>
Example on JSFiddle