Colorare link al click

di
Ipro
il
4 risposte
Ipro
Ipro
Utente Attivo
Iscritto da
feb, 2013
Messaggi:
84

Colorare link al click

Ho questo link che apre un popup jQuery. Ho bisogno di colorare il link di rosso quando è attivo, e quando lo chiudo deve tornare al colore originale.

//Disclaimer
function disclaimer() {
   $(document).ready(function() {
     $(".flipM").click(function(){
     var id = $(this).attr("id");
   if($("#r" + id).css("display") == "none")
     $("#r" + id).slideDown("fast");
    else
   $("#r" + id).slideUp("fast");
    });
   });
  };

...


/* Disclaimer */
.flipM { 
    display:inline;
    font-size: 0.95em; color: #999;
    font-weight: 500; 
    cursor: pointer;
}
 
.flipM:hover {
    color: #0080ff;
}
 
.panelM {
    width: 600px; 
    height: auto;
    font-size: 1.2em; color: #d50202;
    margin: 0 auto;
    text-align: left;
    padding: 5px 5px 5px 5px;
    margin-top: -12px;
    display: none;
    border: 1px dashed green;
}

...

<script>disclaimer();</script>
<div id="2x" class="flipM"> Disclaimer</div>

<div id="r2x" class="panelM">Testo...</div>

4 Risposte

  • C
    c.leonelli
    Pochi posts
    Iscritto da
    set, 2014
    Messaggi:
    10

    Re: Colorare link al click

    All'evento di apertura:
    $(link).css('color', 'red');


    all'evento di chiusura:
    $(link).css('color', 'black');
  • Ipro
    Ipro
    Utente Attivo
    Iscritto da
    feb, 2013
    Messaggi:
    84

    Re: Colorare link al click

    c.leonelli ha scritto:

    all'evento di apertura:
    $(link).css('color', 'red');


    all'evento di chiusura:
    $(link).css('color', 'black');
    Così funziona, però c'è un problema: quando io metto il puntatore sul link la prima volta prima del click, il link si colora (hover), se poi clicco per aprire la tendina e la richiudo, il link non prende più l'hover, devo ricaricare la pagina.
    
 function disclaimer() {
        $(document).ready(function() {
            $(".flipM").click(function() {
                var id = $(this).attr("id");
                if($("#r" + id).css("display") == "none") {
                    $(this).css("color","#0080ff");
                    $("#r" + id).slideDown("fast");
                }else {
                    $(this).css("color","#999");
                    $("#r" + id).slideUp("fast");
                }                    
            });
        });    
    }
  • C
    c.leonelli
    Pochi posts
    Iscritto da
    set, 2014
    Messaggi:
    10

    Re: Colorare link al click

    Allora fai cosi:

    css
    .colorRed{
color: red;
}
    javascript
    //Apertura
$(link).addClass('colorRed')
//Chiusura
$(link).removeClass('colorRed')
  • Ipro
    Ipro
    Utente Attivo
    Iscritto da
    feb, 2013
    Messaggi:
    84

    Re: Colorare link al click

    Funziona, però devo tenere anche flipM:hover
    
.flipM:hover {
	color: #0080ff;
}

.colorRed {
	color: #0080ff;
}
Devi accedere o registrarti per scrivere nel forum
4 risposte