For the 'Print' and 'Photography' links, I have submenus appear via jquery with the following code:
$(document).ready(function(){
$('#mainMenu ul li:first').click(function() {
$('#photoMenu').fadeOut()
$('#printMenu').toggle(function() {
$(this).animate(
{easing: 'easeInCirc',
duration: 'slow',
}
)}
);
})
});
$(document).ready(function(){
$('#mainMenu ul li:last').click(function() {
$('#printMenu').fadeOut()
$('#photoMenu').toggle(function() {
$(this).animate(
{easing: 'easeInCirc',
duration: 'slow',
}
)}
);
})
});
This code works in Safari. In Firefox, I see the menus zoom by, but they don't stay visible.
Also, the menu always zooms in from the left side of the window. Is there any way to cause it to originate from a different area of the window?