show div when another div is visible

Question

I am trying make make a hidden div visible when a div which is on a timer shows up for a promotion. Is is something that is doable? Let me know if the question is unclear i can try to rephrase it

here is some Jquery i have so far

$('.specialSignup').css('display', 'none');
    if ( $('.homePromo').filter(':visible'){
        $('.specialSignup').css('display', 'block');
    } 

Answer 1

What are you using to show the first div? How is it being shown?

Without knowing all the information it's hard to give precise answers, but yes this is definitely possible. I'm assuming Javascript is toggling the visibility.

Since I'm assuming javascript, I'll take a wager that whatever is triggering the visibility is adding/removing a css class from the div. In order for the javascript to do that, it needs to find which div needs to toggle. It's probably looking for a certain id or class that's associated with the div.

Try making the second div have a similar id or class and see if that helps.

If not, I'll need more detail. ie what code is triggering the div visibility.

Edit:

Based on the new code you posted, your if statement is missing a end )

It should be this:

$('.specialSignup').css('display', 'none');
if ( $('.homePromo').filter(':visible')){
    $('.specialSignup').css('display', 'block');
} 

Answer 2

without any additional information..

When the timer times out, trigger either an event or function call to show the hidden layer.

Answer 3

You can detect the display property using: $(element).is(":visible"); . Should work with .show() and .hide() as well as .toggle() as they affect display not visibility .