JQuery my new Girlfriend Part2
We started off by of course grabbing Google's version of jquery located here
Everyone should really be using it if you are using jquery and if you aren't just cave in and drink the koolaid you will be happier in the long run. Then Using regular old jquery animations we made it so when you click on the galleries nav item it expands out to show sub navigation items
and has a nice sliding animation to it.
Next what we did was use a plugin from AListApart.com that does nice nav sprite transitions.
Causing the rollover effect to glow instead of the normal quick up down state
the plugin offers two really nice transitions the glow that we used and also a sliding motion to swap between up and hover which isn't bad either.
Now the tricky part was we needed to do some cookie/session editing to make it so if a user opens the gallery menu to have it stay open on page refreshes. Luckily we were able to find a jquery cookie plugin that made the process uncomplicated. so now if someone clicks on the gallery nav item it stores that they clicked it open and when the page refreshes from going to a different gallery or contact page after the page loads jquery checks to see if that cookie is stored and set to an open state if it is then jquery animates the nav item to open. and if they click the nav item again it stores that it is closed.
So to wrap all of this up Jquery can do alot and if you don't feel like building your own plugins then don't there are ton out there and you can probably find one to fit your needs and tweak it from there.
If anyone reading this would like any more info feel free to drop me a line on our contact form and once again you can see all of these features and some more I didn't mention implimented on MattMcGrawPhotography.com