Jquery Hover Menu - Pain in my arse :)

[labforone/Ben]

Hello,

I am setting up a Photography Site for a client!

Testing site - http://testing.labforone.com/

If you go to the nav, hover over about, and you will see a second navigation show up.

The button you hover over has toggle on, to make the "second nav" appear.

It works fine, but when I come off the about button, the "second nav" disappears.

Any way to keep this stuck?

[Ronald Roe]

If you put it in as a list within a list, it should work:

<ul>
  <li>Menu Item 1
    <ul>
      <li>Sub Item</li>
      <li>Sub Item</li>
      <li>Sub Item</li>
    </ul>
  </li>
</ul>

Gotta ask, though: it's really easy to make a hover menu with just CSS. Why use JS for it?

[Andrew Yurlov]

You would need to show us your html, jquery and possibly css for us to try and fix it.

[Ronald Roe]

You would need to show us your html, jquery and possibly css for us to try and fix it.

He posted a link.

[labforone/Ben]

Cheers Ronald.

The site is heavy on jQuery, I got carried away with it and started doing un-necessary stuff with jQuery, its sorted now!!

Went with .click instead of .hover.

On another note, if you check the site, there seems to be issues with the images. the sort of flash when the links are clicked.

Is this because my preload is not working or simply because of the lack of effect on the .show/.hide?

Cheers anyway!

[Andrew Yurlov]

The "flash" happens probably because the images are still loading so it shows a white background for a few milliseconds. That would be my guess anyway.

[labforone/Ben]

But shouldnt my preload stop this flash?

I have the preloading images set out like this:

<div class="preload">
<img src="example"/>
</div>

.preload {display: none}