Search jQuery

jQuery Forum

Using jQuery

djsquid

If statement with :visible selector

in Using jQuery • 10 years ago

I've no idea how to write this but what I'm after is;

If .sub1 is :visible, .Homepage fadeTo 0.25

If the Sub1 div is visible, then I want this to make the .homepage div opacity to 0.25

I have this;

$("#cat").click(function(){
if ($('.sub1').css('opacity') == .25) {
$('.homepage').fadeTo(500, 100);
} else {
$('.homepage').fadeTo(500, .25);
}
});

but its not bringing the .homepage back to 100% opacity

Replies(3)

kbwood.au

Re: If statement with :visible selector

10 years ago

You can test visibility like this:

$('.sub1').is(':visible')

but .25 opacity is still visible. Changing the opacity of a parent element affects its children but does not change their individual opacities. Maybe you should use the toggle function instead to swap between the two actions:

$('#cat').toggle(function() {
$('.homepage').fadeTo(500, 0.25);
}, function() {
$('.homepage').fadeTo(500, 1.0);
});

djsquid

Re: Re: If statement with :visible selector

10 years ago

Hey kbwood.au

thanks for the reply,

unfortunately I have tried the toggle function but I need the button do ultimately do 3 actions, so the only way I can see it working is by changing the opacity levels according to whether the sub menu div is visible or hidden, but finding it very hard to get anything to work.

Response title

Attachments

jQuery Forum

If statement with :visible selector

Replies(3)

Re: If statement with :visible selector

Re: Re: If statement with :visible selector

Re: If statement with :visible selector

Statistics

Tags

Actions