Ciao a tutti,
Diciamo che sono appassionato moltissimo di linguaggi di programmazione (HTML, CSS, PHP e SQL praticamente sono una passeggiata per me), ma purtroppo il jQuery e il Javascript sono la mia rovina più assoluta, ma andiamo al sodo... praticamente volevo costruire un menù toggle dove ad esempio ho due DIV
codice HTML:
<!-- Primo menù -->
<div class="pulsante">
Pulsante 1
</div>
<div class="contenuto">
Sono il numero uno
</div>
<!-- Secondo menù -->
<div class="pulsante" style="display: none;">
Pulsante 2
</div>
<div class="contenuto">
Sono il numero due
</div>
<!-- Terzo menù -->
<div class="pulsante" style="display: none;">
Pulsante 3
</div>
<div class="contenuto">
Sono il numero tre
</div>
Dove mi ritrovo DIV 1 già aperta e tutte le altre DIV chiuse.
Se apro ad esempio la DIV 2 o la DIV 3, la precedente si chiuderà in automatico, e così alternativamente (in parole povere, ogni azione prevede che solo la DIV interessata si apre, mentre tutte le altre restano chiuse). Ho provato con questa sorgente:
codice:
$(document).ready(function(){
$('div.pulsante').click(function(){
$(this).next().slideToggle('slow')
return false;
});
});
Questo codice in effetti funziona perfettamente per quello che deve fare (apre/chiude la singola DIV), ma se volessi implementare anche la funzionalità di chiusura automatica della DIV precedentemente aperta?
Il motivo del perché uso next() è perché sono menù che ho su svariate pagine (dove vorrei usare un unico file .js) e, praticamente, volevo evitare di assegnare ID ad ogni singolo box.