onClick error???

[caseybaggz]

Trying to figure out why this onClick event doesn't fire on the first click. But on the second-on, it works perfectly? Any thoughts?

 

Check out the link for the code:

See the Pen KoBjE by caseybaggz (@caseybaggz) on CodePen

 

Look forward to squashing this bug!

 

-Casey

[jamiejefferson]

The onclick certainly is firing on the first click, but you're trying to access menu.style before it has any value, so the first click is taking the 'else' path. Add alert(menu.style.left) to the onclick and you'll see that style.left is empty, not -600px as you were expecting. The .style property only refers to the contents of an element's style attribute, not any applied styles from stylesheets.

You could explicitly set style="left:-600px" in your HTML, or you could use window.getComputedStyle to calculate the current value for left, which will factor both the style attribute and stylesheets.

[caseybaggz]

Wow! That makes so much sense! Thanks so much for the reply and fix!