jquery if condition for css display

Question

I have a menu with some links which hides/shows div pages.

On the first page I have youtube video playing, but if I click another link, the video dissapears as another div will be showing, but the video keeps playing..

I found the way of how to stop the video etc, but while debugging, I can not seem to make my alert to go off while I write this:

if ( $("#main").css('display') == 'none')
{
    alert("Hello! I am an alert box!!");
}

If I were to change none to block the alert box will appear once the page loads up. So how come it does not show up once the id for main changes to none (when I click another menu link)?

EDITED:

Thats how I set the attributes to none with the menu links:

$('.tabs a').on( "click", function(e) {
    e.preventDefault();
    var id = $(this).attr('data-related'); 
    $(".frame div").each(function(){
        $(this).hide();
        if($(this).attr('id') == id) {
            $(this).show();
        }
    });
});

If I set my div id to none it will display the alert on page load, but if I click other menu links which will make #main div change from none to block, then it will not show up again. It shows alert if the if condition matches on page load only, but once is changed withing the page, it will not show up — Undefined
– Undefined, Commented Sep 21, 2016 at 23:59

jmona789 · Accepted Answer · 2016-09-22 00:13:15Z

1

Are you calling a function with that if statement anywhere in your js or do you just have the if statement in your js not inside a function? If you just have the if statement in there it will only evaluate it on page load, it won't keep running the if statement every time the css changes. you need to put the if statement into a function and call that function every time you change the css

answered Sep 22, 2016 at 0:13

jmona789

2,8497 gold badges27 silver badges62 bronze badges

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

2 Comments

Undefined Over a year ago

No, its not in the funcion. Well atleast now I know what's the problem. Thanks for that

jmona789 Over a year ago

No problem, can you please upvote and accept my answer?

Collectives™ on Stack Overflow

jquery if condition for css display

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related