Buongiorno a tutti.
Sto completando un piccolo sito per uno studio di commercialisti composto da un header, un corpo centrale e un footer.
Le voci del menu sono 4: "lo studio", "aree di attivita", "chi siamo", "contatti".
Il corpo centrale e' un div con id=contenuti che a sua volta contiene (al caricamento del sito) un div con id=studio.
Cliccando su "aree di attivita" il div studio scompare con un fadeOut e al suo posto compare il div con id=attivita.
E fin qui tutto bene. Ora devo fare in modo che cliccando sul bottone "lo studio", il div "attivita" scompaia con il fadeOut e al suo posto si visualizzi nuovamente il div "studio" con il suo fadeIn.
Pero' non mi funziona.
Questo e' l'html dei div bottoni:
I div "studio" e "attivita":
lo script:
Naturalmente poi replichero' gli IF appena avro' pronti anche gli ultimi due div "chi siamo" e "contatti".
Ma perche' quando clicco su "lo studio" non succede nulla?
Grazie per l'aiuto
Sto completando un piccolo sito per uno studio di commercialisti composto da un header, un corpo centrale e un footer.
Le voci del menu sono 4: "lo studio", "aree di attivita", "chi siamo", "contatti".
Il corpo centrale e' un div con id=contenuti che a sua volta contiene (al caricamento del sito) un div con id=studio.
Cliccando su "aree di attivita" il div studio scompare con un fadeOut e al suo posto compare il div con id=attivita.
E fin qui tutto bene. Ora devo fare in modo che cliccando sul bottone "lo studio", il div "attivita" scompaia con il fadeOut e al suo posto si visualizzi nuovamente il div "studio" con il suo fadeIn.
Pero' non mi funziona.
Questo e' l'html dei div bottoni:
HTML:
<div id="menu">
<div id="lostudio" class="bottonemenu">LO STUDIO</div>
<div id="aree" class="bottonemenu">AREE DI ATTIVITA'</div></a>
<div class="bottonemenu">CHI SIAMO</div>
<div class="bottoneultimo">CONTATTI</div>
</div>
I div "studio" e "attivita":
HTML:
<div id="studio" style="display:block">.....</div>
<div id="attivita" style="display:none">.....</div>
lo script:
Codice:
$(document).ready(function() {
var divstudio = document.getElementById("studio");
var divattivita = document.getElementById("attivita");
//CLICK SU AREE DI ATTIVITA (funziona)
$("#aree").click(function() {
if(divstudio.style.display == "block") {
$("#studio").fadeOut('slow', appareattivita);
}
});
//CLICK SU LO STUDIO (non funziona)
$("#lostudio").click(function() {
if(divattivita.style.display == "block") {
$("#attivita").fadeOut('slow', apparestudio);
}
});
});
function appareattivita() {
$("#attivita").fadeIn('slow');
}
function apparestudio() {
$("#studio").fadeIn('slow');
}
Naturalmente poi replichero' gli IF appena avro' pronti anche gli ultimi due div "chi siamo" e "contatti".
Ma perche' quando clicco su "lo studio" non succede nulla?
Grazie per l'aiuto