Problema riguardo a contenitori div

Hackx

Utente Attivo
20 Ago 2013
108
0
16
Ciao a tutti :)

Ci tengo a dire che sono ancora all'inizio, infatti ho iniziato da pochissimo a studiare il jquery.

Ecco il mio problema:

Ho due link. Ognuno di questi due link rimanda a due blocchi div(nascosti con l'apposito comando css).
Il problema è che quando clicco sul primo link .. tutto funziona correttamente... mentre se clicco sul secondo, senza prima aver "richiuso" il precedente, questo mi si sovrappone facendo slittare tutto verso il basso.

Quindi: Come posso fare per far si che cliccando in qualsiasi link il precedente blocco div (aperto in precedenza) si chiuda?

Penso che per voi sia davvero una stupidaggine .. però visto che sono all'inizio per me è tutta una novità :)

Codice:
 $(document). ready(function () {

    $('nav>.calsse_1') .click(function(e) {
	 		 	    e.preventDefault();
	     $('#id_1') .slideToggle(2000);
     });	

     $('nav>.classe_2') .click(function(e) {
	    e.stopPrograpagation();
	 		 	    e.preventDefault();
	     $('#id_2') .slideToggle(2000);
     });	
  });

Vi ringrazio moltissimo,
Andrea
 

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
Ciao, dai la stessa classe (es: class='blocco') a tutti i blocchi e prima di aprirne uno chiudi tutti gli altri
Codice:
$('.blocco').hide();
 

Hackx

Utente Attivo
20 Ago 2013
108
0
16
Ciao Criric,

Ti ringrazio moltissimo per la risposta :)
Ora riguarderò tutto il mio codice e proverò ..così da poter imparare al meglio anche il jquery!!!

Se avrò problemi riscriverò di nuovo.

Ti ringrazio moltissimo :)
Andrea
 
Discussioni simili
Autore Titolo Forum Risposte Data
H Problema riguardo l'estrazione di record dal DB tramite codice univoco PHP 7
giorgione_tg Ragazzi... Problema flash... riguardo il lavoro.. Flash 5
I Sto progettando nuovi siti utilizzando bootstrap e devo dire funziona bene, l'unico problema e la maschera -moz- HTML e CSS 0
K Problema form update PHP 2
O problema con dvr dahua xvr5116 IP Cam e Videosorveglianza 0
S Problema nel ciclare un json Javascript 0
G Problema con Xampp Web Server 1
andrea barletta Problema con miniature comandi Photoshop 0
I problema con alice Posta Elettronica 0
K Problema Inner join PHP 1
F firefox problema http Linux e Software 0
N Problema con position absolute e overflow HTML e CSS 4
E Problema jquery Success jQuery 2
L Problema con inner join PHP 11
K [php] Problema con inner join PHP 4
E problema selezione sfumata Photoshop 2
K [PHP] Problema con variabili concatenate. PHP 1
A Problema filtro fluidifica Photoshop Photoshop 1
H Problema Bordi Scontorno Photoshop 1
O problema con query PHP 4
R Problema installazione Realtek WiFi USB rtl8821 Reti LAN e Wireless 0
I problema con 2 account Posta Elettronica 1
L problema collegamento file css con html HTML e CSS 1
Y Problema percorso file in rete PHP 1
N Problema SEO "L'URL non si trova su Google" SEO e Posizionamento 4
E Problema accesso a file con app sviluppata con MIT APP INVENTOR 2 Sviluppo app per Android 0
P Problema acquisizione clienti Webdesign e Grafica 1
F NetBeans problema creazione progetto Java Windows e Software 0
M Problema con Try Catch PHP 0
C problema seo + cerco esperto SEO e Posizionamento 11
Sergio Unia Problema con gli eventi del mouse su una data table: Javascript 2
T PROBLEMA CON SESSIONI PHP 3
A Problema, non so, di scale() o transform, oppure altro? HTML e CSS 0
T ALTRO PROBLEMA CON ARRAY PHP PHP 1
R problema con else PHP 0
T PROBLEMA CON ARRAY PHP 8
L problema con query select PHP 2
R Problema query con ricerca id numerico PHP 2
F Problema con risposta PHP 0
S problema con recupero dati tabella mysql PHP 2
Z Problema con il mio tp-l i nk Reti LAN e Wireless 1
I PROBLEMA: Sostituzione sito XAMPP E-Commerce 0
T problema data 30/11/-1 PHP 0
L Problema RAM con Tomcat 8 Apache 0
napuleone problema con sort e asort PHP 4
Y Problema incolonnamento tabella PHP 7
S problema salvataggio immagini Photoshop 0
Z Problema con INT MySQL PHP 1
Z Problema database MySQL con XAMPP PHP 0
M Problema con controllo form in real time jQuery 6

Discussioni simili