+ Rispondi alla Discussione
Risultati da 1 a 2 di 2

Sostituire testo al click con javascript

Ultimo Messaggio di linoma il:
  1. #1
    User Newbie
    Data Registrazione
    Dec 2016
    Località
    Roma
    Messaggi
    5

    Sostituire testo al click con javascript

    Salve, vorrei poter sostituire il testo all'interno di un tag <a> quando viene fatto click su di esso, tramite javascript. Su internet ho letto tantissime guide al riguardo, ma facenti riferimento solo ai button.

    Esempio:
    Codice:
    <a id="show-div" href="#" onclick="return false">VEDI<a/>
    <div id="content" style="display: none">VEDI NASCONDI</div>
    
    <script>
    $("#show-div").click(function () {
    $("#content").slideToggle(500);
    });    
    </script>
    In pratica ho un div #content che viene mostrato facendo clic su #show-div e che lo stesso viene nascosto rifacendo nuovamente clic. La funzione non mi dà problemi, ma come faccio a sostituire il testo a #show-div quando #content viene aperto? Esempio: VEDI quando il div è chiuso, NASCONDI quando il div viene aperto.

    Grazie

  2. #2
    Utente Premium
    Data Registrazione
    Jun 2010
    Località
    Campobasso
    Messaggi
    277
    Prova con qualcosa di simile
    Codice:
    jQuery('document').ready(function(){
        jQuery('a').click(function(){
            var link = jQuery(this);
            jQuery(this).next('div').slideToggle({duration:500,complete:function(){
                    if(jQuery(this).is(":visible"))
                        jQuery(link).text('Nascondi');
                    else
                        jQuery(link).text('Visualizza');
                        
                }
            });
            
            return false;
        });
    });

+ Rispondi alla Discussione

^ Permessi di Scrittura

  • Tu non puoi inviare nuove discussioni
  • Tu non puoi inviare risposte
  • Tu non puoi inviare allegati
  • Tu non puoi modificare i tuoi messaggi
  •  
  • Il codice BB è Attivato
  • Le faccine sono Attivato
  • Il codice [IMG] è Attivato
  • Il codice [VIDEO] è Attivato
  • Il codice HTML è Disattivato
  • Trackbacks Attivato
  • Pingback Attivato
  • Refback Attivato

SEO by vBSEO 3.6.0 PL2 ©2011, Crawlability, Inc.