toggle con testo al toggle tra due div

fradamma

Utente Attivo
28 Set 2012
93
0
0
Ciao a tutti.
Ho il seguente codice, praticamente al click sull'ancora ho uno switch tra i due div con hide e show. Il problema è che, sempre al click, vorrei fare una specie di toggle anche del testo descrittivo che c'è all'interno di "<a href="#" id="element1">Vedi tutto</div>" che diventerebbe "<a href="#" id="element1">Vedi meno</div>"...e via dicendo, alternati....come si può fare?
Grazie mille e buona giornata.

Codice:
<a href="#" id="element1">Vedi tutto</div>
<div id="element2">2</div>
<div id="element3">3</div>

Codice:
$(document).ready(function () {
    $('#element3').hide();
    $('#element1').click(function () {
        $('#element2').toggle(400);
        $('#element3').toggle(400);
    });
});
 

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
Ciao, puoi fare in questo modo:
intanto sistema l'html, il tag a si chiude cosi </a>
HTML:
<a href="#" id="element1">Vedi tutto</a>
poi puoi aggiungere questo controllo nell'evento click
Codice:
    if($(this).text() == "Vedi tutto")
        $(this).text("Vedi meno");               
    else
        $(this).text("Vedi tutto");
 

fradamma

Utente Attivo
28 Set 2012
93
0
0
grazie Criric,
ho sbagliato volevo scrivere </a>....sono andato un po troppo veloce nello scrivere :D
grazie per la risposta. Avevo cmq risolto implementando un metodo jquery. Ti posto il codice:

Codice:
$.fn.extend({
    		toggleText: function (a, b){
		        var isClicked = false;
		        var that = this;
		        this.click(function (){
		            if (isClicked) { that.text(a); isClicked = false; }
		            else { that.text(b); isClicked = true; }
		        });
		        return this;
		    }
		});

		$('a').toggleText("Vedi tutto ", "Vedi medi meno");

Che ne pensi, può andar bene o potrei aver problemi? Così posso riutilizzare il metodo in tutto il sito o no?
Grazie ancora!
 

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
Così però tutti i link della pagina subiranno la modifica
 
Discussioni simili
Autore Titolo Forum Risposte Data
S Problema con toggle jquery jQuery 1
webmachine [JQUERY] Cambiare immagine al click, toggle jQuery 1
J Funzione toggle("slow ") jQuery 2
Nik [RISOLTO] Funzione Toggle nel menù: attiva e disattiva jQuery 2
B Toggle Javascript 4
F Cerco Hosting con VECCHIE versioni di php Hosting 0
C Come ricreare questo calcolatore di prezzi a step con woocommerce? WordPress 0
C Segnalo barra laterale di navigazione ASSENTE con Chrome Comunicazioni dallo Staff 5
G Guadagna dalla Vendita di Articoli Sponsorizzati con GuestPostMax.com! Guadagnare col Sito 0
P Hosting multidominio con Plesk Hosting 0
L Soluzione con INNER JOIN Database 0
S passare un valore da un form a un file .php con metodo post PHP 4
A Redirect 301 genera url statico con variabili Web Server 0
T problemi con dati menu a tendina HTML e CSS 2
T Query con date MS Access 1
F Url dinamiche da cambiare con categoria, subcategoria e title PHP 2
L Aiuto con DataGridView Visual Basic 1
O problema con dvr dahua xvr5116 IP Cam e Videosorveglianza 0
G Problema con Xampp Web Server 1
M Aggiunta prodotti nel carrello con lo stesso in e varianti diverse PHP 0
andrea barletta Problema con miniature comandi Photoshop 0
I problema con alice Posta Elettronica 0
B Non riesco a trovare i cognomi con i caratteri speciali in Access (Microsoft 365) MS Access 0
N Problema con position absolute e overflow HTML e CSS 4
M Estrarre soltanto i prodotti con stessa descrizione PHP 10
felino [Wordpress] Gallery con foto selezionabili dall'utente WordPress 0
G Invio di più valori con la stessa checkbox PHP 4
csi Inviare file jpg in locale alla stampante con php PHP 0
otto9due Proteggere una cartella e file con password tramite .htaccess e .htpasswd Web Server 0
I Form con selettore HTML e CSS 0
G phpmailer e php 8.1 con estensione mysqli PHP 6
L Problema con inner join PHP 11
K [php] Problema con inner join PHP 4
N Vendo sito web di casino online con 1000 giochi Compravendita siti e domini 0
G form invio multiplo con checkbox PHP 12
L Query e selezione DB con $_POST PHP 2
K [PHP] Problema con variabili concatenate. PHP 1
R Dubbi su siti sviluppati con Wordpress e con codice WordPress 6
B Router e telecamere con pannello solare IP Cam e Videosorveglianza 0
Z Cerco ecommerce gratuito meglio se realizzato con Woocommerce di Wordpress. E-Commerce 0
S [CERCO] scambio di articoli con link Offerte e Richieste di scambio links 0
A Immagine decentrata con sfondo trasparente Photoshop 0
O problema con query PHP 4
Jensen Errore di sintassi con DELETE PHP 3
D Casella di testo con grassetto ecc... HTML e CSS 2
R Aprire maschera con Openform filtrando un campo testuale con un valore recuperato da un'altra maschera MS Access 10
G Query con i giorni della settimana MySQL 10
I problema con 2 account Posta Elettronica 1
L problema collegamento file css con html HTML e CSS 1
G Il mio sito dopo aver abilitato l'ssl non visualizza le immagini con indirizzi senza ssl HTML e CSS 0

Discussioni simili