Come cambiare elementi visualizzati

meliupa

Nuovo Utente
2 Giu 2014
16
0
1
Salve ragazzi, so che può essere una domanda fatta già altre volte, ma non sono riuscito a trovare la risposta che mi serve facendo la ricerca, quindi apro questa nuova discussione, per chiedere una cosa piuttosto semplice.

Io ho tre div al cui interno c'è un link, se si clikka su questo linck appare un altro div precedentemente nascosto con css display none, il punto è questo non risco a far sparire il dive aperto col primo click quando ne apro un'altro, e quindi invece di ottenere il cambio di div mi appaiono entrambi, siccome non uso jquery da parecchio tempo, non mi ricordo il comando per far accadere ciò.

Ho provato col toggle ma non va perchè si dovrebbe clikkare di nuovo sul link di apertura e non va bene perchè non da una navigazione fluida in questo modo.
e se possibile, vorrei implementare il codice corretto con ajax per non rovinare l'effetto con il ritorno della pagina aggiornata.

questo è il codice che ho usato.

$(".div1").click(function(e) {
$(".team").css("display", "block");
});
$(".div2").click(function(e) {
$("#picturt").css("display", "block");
});
$(".div3").click(function(e) {
$(".service").css("display", "block");
});

Quindi se clicco su link uno mi si apre il div team, ma poi vorrei che sparisse se clikko su div 2 sostituendo il div che appare ... questa cosa la vorrei rendere possibile per tutti e tre i link
 

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
Ciao, se proprio non puoi cambiare l'html .. ad ogni click puoi far sparire tutti i div
Codice:
$(".div1").click(function(e) {
       $(".div1").hide();
       $("#picturt").hide();
       $(".service").hide();
       $(".team").css("display", "block");
});
Se racchiudi il codice che posti tra i tag presenti sulla barra di formattazione ( ultimetre icone seconda linea) rendi il codice più leggibile
 

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
L'hrml è il linguaggio più importante per il web.
Il lavoro principale di ogni linguaggio di programmazione (web) è produrre codice html.
più stai attento a come imposti il codice html meno codice javascipt ( in questo caso ) è necessario.
Ti faccio un esempio veloce
HTML:
<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
<script>
    $(document).ready(function(){
        $(".link").click(function() {
            $(".div").hide();
            $("#" + $(this).attr("href")).show();
            return false;
        });
    });
    
</script>
<style>
    .div {
        display: none;
    }
</style>
<a class="link" href="div1"> div 1</a>
<a class="link" href="div2"> div 2</a>
<a class="link" href="div3"> div 3</a>
<div class="div" id="div1">DIV 1</div>
<div class="div" id="div2">DIV 2</div>
<div class="div" id="div3">DIV 3</div>
ogni div ha la stessa classe, ma , un id diverso.
 
Discussioni simili
Autore Titolo Forum Risposte Data
M Cambiare pennello a lavoro completo Photoshop 0
Y cambiare sfondo di una pagina Javascript 1
E Cambiare lingua in Elements per Mac Mac e Software 2
R Non riesco a cambiare l'immagine di sfondo PHP 4
K Cambiare font size su echo stringa variabile PHP 24
V [PHP Symphony] Cambiare da ApcCache ad OpCache PHP 4
Web93 CAMBIARE TAG POST TITOLO DA H2 A H1 WordPress 1
L [PHP] cambiare gli if in un url semplice PHP 1
G Cambiare colore ad un record database mysql MySQL 0
Domenico_Falco1 Cambiare url in un sito con pagine dinamiche Ajax 4
L Cambiare classi solo scroll up jQuery 2
Topografo Buon 2019 (Tutti gli altri hanno scritto "Salve a tutti", cerchiamo di cambiare) Presentati al Forum 1
joomeph Cambiare Nome Utente Supporto Mr.Webmaster 3
M [Visual Basic] Cambiare lo stato in checked delle checkbox richiamando dati dal database Visual Basic 6
Koboshi Cambiare il css di una pagina con tasto "on off" HTML e CSS 5
Licantropo [MySQL] Cambiare le date MySQL 4
B [Javascript] Cambiare classe ed aggiornare relativi eventi Javascript 3
L Cambiare nome pagina facebook Annunci servizi di Social Media Marketing 4
P [HTML] Wordpress - cambiare font di un tema WordPress 1
L APPARECCHIO VOIP DA CAMBIARE Adsl e Connettività 0
T cambiare formato in uscita timestamp Database 0
O Allo scroll cambiare colore di sfondo jQuery 0
crealatualista [Javascript] Cambiare record tabella... Javascript 4
napuleone [Javascript] cambiare i parametri di stampa con js Javascript 2
DaveCricket [WordPress] [PHP] Cambiare il colore del link di una pagina attiva WordPress 3
V javascript - cambiare immagine di sfondo di un div Javascript 3
D [Javascript] Script che consenta di cambiare un'immagine in base all'ora del giorno della settimana Javascript 11
B CAMBIARE PAGINA INIZIALE PHPMYADMIN MySQL 2
webmachine [WORDPRESS] Cambiare titolo pagina articoli WordPress 0
webmachine [WOOCOMMERCE][WORDPRESS] Cambiare testo pulsante Acquista E-Commerce 0
webmachine [PRESTASHOP] Cambiare ordine prezzo-sconto-prezzoscontato E-Commerce 1
B CAMBIARE TEMPLATES PHPMYADMIN MySQL 0
otto9due Dreamweaver CC 2017 - cambiare colorazione codice Windows e Software 5
webmachine [JQUERY] Cambiare immagine al click, toggle jQuery 1
A Cambiare Risposta onclick con Switch. Javascript 1
V Cambiare colore ad un button HTML e CSS 3
E Cambiare l'option di un select con jquery jQuery 1
ecosito CSS: è possibile cambiare font con uno non di uso comune? HTML e CSS 11
Jonn [Javascript] Cambiare colore sfondo div allo scroll del mouse Javascript 3
Shyson Cambiare color all'onclick Javascript 9
elettroweb come cambiare testo Flash 0
M Cambiare dinamicamente il contenuto di un DIV Javascript 4
M Cambiare valore ad un campo in base alla selezione fatta nel menu a tendina PHP 16
R Cambiare la variabile in modo permanente PHP 3
P Cambiare il valore di un campo tabella con un pulsante cliccabile PHP 2
B cambiare sfondo alle celle della tabella Javascript 1
Lucia Fiore cambiare variabili <a in <a href='indirizzo'> HTML e CSS 1
A Cambiare il font-size della sidebar WordPress 2
B Javascript: Cambiare valore Css Javascript 1
R Cambiare directory Wordpress WordPress 4

Discussioni simili