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
M Conteggio con group by PHP 3
M Problema con Try Catch PHP 0
K Aiuto con file audio in html HTML e CSS 1
M Upload immagine con javascript problemi con FormData() Javascript 1
M Visulizzare immagine con php PHP 8
G [PHP] Creare script di prenotazione con controllo disponibilità. PHP 7
G leggere file txt e stampare con php il contenuto a video PHP 7
M Riportare in tabella HTML dati estratti con query SQL MySQL 0
Z PHP.INI - STMP per invio email con PHP Server Dedicati e VPS 0
Sergio Unia Problema con gli eventi del mouse su una data table: Javascript 2
G Invio form con PHP PHP 3
M Barra di navigazione con google HTML e CSS 1
T PROBLEMA CON SESSIONI PHP 3
A Problemi con move_uploaded_file PHP 7
G Menù a tendina di ricerca con query PHP 1
T fatture con voci fattura in php PHP 0
A Tabella con bottoni per aggiornamento record PHP 6
M Come selezionare e deselezionare radiobutton con jquery jQuery 1
MarcoGrazia Calcolo fra due date con esclusione delle feste PHP 7
T ALTRO PROBLEMA CON ARRAY PHP PHP 1
T PROBLEMA CON ARRAY PHP 8
M Inviare un file su un server remoto con JavaScript Javascript 0
L problema con query select PHP 2
M Come validare textarea con jquery jQuery 0
M Problemi con la stampa dei valori in php PHP 1
A Regex per isolare link interni con rel noopener PHP 0
L Problemi con il login PHP 2
F Creare elementi html con javascript Javascript 4
R Problema query con ricerca id numerico PHP 2
R [C#] Quali dipendenze occorrono su progetto "Setup" con Access Database? .NET Framework 0
F Problema con risposta PHP 0
A Sottoquery con group by per mese MySQL 0
R Aggiornare record mysql con Ajax, jQuery e php Ajax 2
A Quale NVR con ingressi bnc ? IP Cam e Videosorveglianza 1
S problema con recupero dati tabella mysql PHP 2
Z Problema con il mio tp-l i nk Reti LAN e Wireless 1
T Film interattivo con linguaggi web Programmazione 7
A pulsante di update campo mysql con javascript Javascript 2
R Tutto su utf-8 ma ancora problemi con i caratteri speciali in mysql MySQL 1
Barierta Testo a comparsa con passaggio del mouse Javascript 17
M Estrarre valore con SELECT COUNT PHP 0
G VBA OpenForm con WhereCondition + LIKE su campi differenti MS Access 5
sara3 Offresi articolista con esperienza Offerte e Richieste di Lavoro e/o Collaborazione 2
L Problema RAM con Tomcat 8 Apache 0
S connesso, internet non disponibile ( con extebder tp-link850) Reti LAN e Wireless 0

Discussioni simili