The OR operator has the following meaning – “if the left-hand side argument is false, null or undefined, use the right one”. It can be used outside of an IF statements with the same meaning.

In the line:

this.check = this.check || 1;

we tell JS to assign to this.check its own value if it exists (practically remain the same), otherwise assign 1 (which happens the first time the function is run because then this.check is undefined).

It would be the same as:

if(this.check == undefined) this.check=1;

Hope it became a bit clearer.

What does it do in normal English language? ;-)

I always thought that || only exists in IF and Co…. what does it do here?

Best Regard,

Those are some interesting menus. A jQuery navigation menu with the hover method might actually make it into a full tutorial, and not just a micro one : )

@ Adreas

You shouldn’t be worried about memory leaks with this example. If, however, you are uncomfortable with leaving the variable increment without a limit, you can add this line below this.check = this.check || 1;

this.check%=2;

@ Al

We had some problems with our server. Everything is online now.

Hey the jQuery 1.4 way of appyling a hover state is new to me.
You could write a follow up micro-tutorial that would fit very well to this tutorial about using the hover state on a real menu.

I’ve already done this last year on my page, look at the menu and the footer. Especially the catalgue button is nice. I think users would like to see how this is done with an actual menu or an item.
(the url http://www.fif-moebel.de )

Also I’d like to mention http://colorpowered.com/blend/ which is a better implementation of the hover state, because it allows nice degradations. though I’ve achieved good degradation too, but for the cost of extra css.

cheers
Fernandos

Thanks for the help mate!

You’ll have to set the opacity to 0.4 on page load manually first. You can do this with the following line:

$(‘.selectorClass’).css(‘opacity’,0.4);

The line above should go into your $(document).ready().

After this you can copy one of the three methods above, just switch the places of 0.4 and 1.