jQuery CSS Opacity

Question

Cosa c'è che non va? Voglio cambiare l'opacità se #nav .drop è display:block;

jQuery(document).ready(function(){ 
    if (jQuery('#nav .drop').css('display') === 'block') { 
     jQuery('#main').css('opacity') = '0.6'; 
    } 
}); 

Answer 1

jQuery('#main').css('opacity') = '0.6'; 

dovrebbe essere

jQuery('#main').css('opacity', '0.6'); 

Aggiornamento:

http://jsfiddle.net/GegMk/ se si digita nella casella di testo. Fai clic su, l'opacità cambia.

Answer 2

prova con questo:

jQuery('#main').css({ opacity: 0.6 }); 

Answer 3

Prova questo:

jQuery('#main').css('opacity', '0.6'); 

o

jQuery('#main').css({'filter':'alpha(opacity=60)', 'zoom':'1', 'opacity':'0.6'}); 

se si desidera supportare IE7, IE8 e così via.

Answer 4

provare a utilizzare .animate anziché .css o anche solo su opacity e lasciare .css sul display ?? può b

jQuery(document).ready(function(){ 
if (jQuery('#nav .drop').animate('display') === 'block') { 
    jQuery('#main').animate('opacity') = '0.6';