59

What's wrong? I want to change the opacity if #nav .drop is display:block;

jQuery(document).ready(function(){
    if (jQuery('#nav .drop').css('display') === 'block') {
        jQuery('#main').css('opacity') = '0.6';
    }
});
Alexis Wilke
  • 19,179
  • 10
  • 84
  • 156
Mike
  • 751
  • 1
  • 6
  • 17
  • 2
    Try this jQuery('#main').css({'opacity':0.6}) ; – Sudz May 07 '13 at 13:59
  • Is this for a drop down menu? Presumably if the drop is not `display: block` it is hidden, so why not just set it permanently to 60% opacity? Or am I missing something? It would be nice to see a working example of this. – ralph.m May 07 '13 at 14:03

4 Answers4

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

should be

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

Update:

http://jsfiddle.net/GegMk/ if you type in the text box. Click away, the opacity changes.

rdp
  • 2,675
  • 2
  • 21
  • 21
27

Try with this :

jQuery('#main').css({ opacity: 0.6 });
Alarid
  • 770
  • 1
  • 6
  • 19
15

Try this:

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

or

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

if you want to support IE7, IE8 and so on.

ed1nh0
  • 1,532
  • 13
  • 17
0

try using .animate instead of .css or even just on the opacity one and leave .css on the display?? may b 

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