Javascript if conditional for a CSS value

Question

I'm trying to write a JavaScript conditional which states, "If the #inner id's 'top' value is currently less than 500px then decrease it by 15px."

I am using jQuery and the code works fine if I remove the conditional.

But the following does not work:

if parseInt($("#inner").css("top"), 10 < 500 {
    $("#inner").css("top", parseInt($("#inner").css("top"), 10) + 15 + "px");
}

adeneo · Accepted Answer · 2013-07-28 15:33:47Z

3

Syntax errors, several of them ?
Try seperating it a little so you see what's going on :

var top = parseInt( $("#inner").css("top"), 10 );

if ( top  < 500 ) {
    $("#inner").css("top", top + 15);
}

answered Jul 28, 2013 at 15:33

adeneo

319k29 gold badges410 silver badges392 bronze badges

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

1 Comment

That helped a lot. My code is a lot easier to understand now. I didn't understand that in JavaScript an if conditional needs surrounding parenthesis.

L105 · Accepted Answer · 2013-07-28 15:36:20Z

0

Error in your syntax.

var top = parseInt($("#inner").css("top"), 10);
if (top < 500) {
    $("#inner").css("top", (top + 15) + "px");
}

Would be good to read about if statetement here : W3Schools

answered Jul 28, 2013 at 15:36

L105

5,4193 gold badges20 silver badges23 bronze badges