jQuery CSS Opacity

Question

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

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
– ralph.m, Commented May 7, 2013 at 14:03

rdp · Accepted Answer · 2013-05-07 13:57:07Z

132

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.

answered May 7, 2013 at 13:57

rdp

2,7652 gold badges22 silver badges22 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Mike Over a year ago

yep, found that just in time, but it still dont work. Any other idea?

interboy Over a year ago

Opacity value should not be a string, so: 'jQuery('#main').css('opacity', 0.6);'

Alarid · Accepted Answer · 2013-05-07 13:56:50Z

28

Try with this :

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

answered May 7, 2013 at 13:56

Alarid

8181 gold badge8 silver badges19 bronze badges

Comments

ed1nh0 · Accepted Answer · 2014-04-23 17:31:47Z

16

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.

answered Apr 23, 2014 at 17:31

ed1nh0

1,6021 gold badge15 silver badges17 bronze badges

Comments

hoppie · Accepted Answer · 2015-12-07 06:53:02Z

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';

answered Dec 7, 2015 at 6:53

hoppie

11

Collectives™ on Stack Overflow

jQuery CSS Opacity

4 Answers 4

2 Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

2 Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related