Skip to main content
removeu 20 caracteres do conteúdo; tags editadas
Fonte Link
Maniero
  • 484,4mil
  • 94
  • 1,3mil
  • 2,2mil

Eu tenho este codigo: Ocódigo. O problema é que está tudo a funcionar bem exetoexceto a cor do texto não mudar Alguma Dica? Obrigado jQuery.

jQuery:

$("#btnContactMob").on("click", function () {
$("#contactMob").stop(true).slideToggle(function () {
    if ($('#contactMob').is(':visible')) {
        $('#btnContactMob').css(
          'background-color', '#FFF',
          'color', '#FFF');
    } else {
        $('#btnContactMob').css('background-color', '#CCCCCC');
    }
 });

});

CSS:

#btnContactMob {
cursor: pointer;
width: 100%;
height: 55px;
color: #333;
background-color: #CCCCCC;
border-top:1px solid #1a1a1a;
font-family: Lato-Regular;
text-align: center;
padding-top: 10px;
font-size: 26px;
}
#contactMob {
width: 100%;
height:100%;
position: relative;
background-color: #FFF;
float: left;
display: none;
}

Eu tenho este codigo: O problema é que está tudo a funcionar bem exeto a cor do texto não mudar Alguma Dica? Obrigado jQuery:

$("#btnContactMob").on("click", function () {
$("#contactMob").stop(true).slideToggle(function () {
    if ($('#contactMob').is(':visible')) {
        $('#btnContactMob').css(
          'background-color', '#FFF',
          'color', '#FFF');
    } else {
        $('#btnContactMob').css('background-color', '#CCCCCC');
    }
 });

});

CSS:

#btnContactMob {
cursor: pointer;
width: 100%;
height: 55px;
color: #333;
background-color: #CCCCCC;
border-top:1px solid #1a1a1a;
font-family: Lato-Regular;
text-align: center;
padding-top: 10px;
font-size: 26px;
}
#contactMob {
width: 100%;
height:100%;
position: relative;
background-color: #FFF;
float: left;
display: none;
}

Eu tenho este código. O problema é que está tudo a funcionar bem exceto a cor do texto não mudar.

jQuery:

$("#btnContactMob").on("click", function () {
$("#contactMob").stop(true).slideToggle(function () {
    if ($('#contactMob').is(':visible')) {
        $('#btnContactMob').css(
          'background-color', '#FFF',
          'color', '#FFF');
    } else {
        $('#btnContactMob').css('background-color', '#CCCCCC');
    }
 });

});

CSS:

#btnContactMob {
cursor: pointer;
width: 100%;
height: 55px;
color: #333;
background-color: #CCCCCC;
border-top:1px solid #1a1a1a;
font-family: Lato-Regular;
text-align: center;
padding-top: 10px;
font-size: 26px;
}
#contactMob {
width: 100%;
height:100%;
position: relative;
background-color: #FFF;
float: left;
display: none;
}
tags editadas
Link
Maniero
  • 484,4mil
  • 94
  • 1,3mil
  • 2,2mil
Fonte Link
Miguel
  • 29,5mil
  • 5
  • 43
  • 80

JQuery css condição if cor do texto

Eu tenho este codigo: O problema é que está tudo a funcionar bem exeto a cor do texto não mudar Alguma Dica? Obrigado jQuery:

$("#btnContactMob").on("click", function () {
$("#contactMob").stop(true).slideToggle(function () {
    if ($('#contactMob').is(':visible')) {
        $('#btnContactMob').css(
          'background-color', '#FFF',
          'color', '#FFF');
    } else {
        $('#btnContactMob').css('background-color', '#CCCCCC');
    }
 });

});

CSS:

#btnContactMob {
cursor: pointer;
width: 100%;
height: 55px;
color: #333;
background-color: #CCCCCC;
border-top:1px solid #1a1a1a;
font-family: Lato-Regular;
text-align: center;
padding-top: 10px;
font-size: 26px;
}
#contactMob {
width: 100%;
height:100%;
position: relative;
background-color: #FFF;
float: left;
display: none;
}