• User Newbie

    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:

    
    <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 quando viene aperto? Esempio: VEDI quando il div è chiuso, NASCONDI quando il div viene aperto.

    Grazie :smile5:


  • User Attivo

    Prova con qualcosa di simile

    
    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;
        });
    });