Hi all,
I've successfully done a webpage with an expandable menu that automatically expand when mouse-over. However, is there anyone out there that can help me further?
I wanted to have the function that allows the menu to collapse back automatically, whenever the mouse is away from the link.
Below is my expandingmenus.js. Please help. Thankssss! :D
/*Expanding Menus for Indexhibit
*uses jquery
*
*Created by Ross Cairns Mar 2008
*/
function expandingMenu(num) {
var speed = 100;
var item_title = $("#menu ul").eq(num).children(":first");
var items = $("#menu ul").eq(num).children().filter(function (index) { return index > 0; });
/* hide items if not active */
if (items.is(".active") == false) {
items.hide();
}
/* add click functions + pointer to title */
item_title.css({cursor:"pointer"}).hover(
function () {
items.slideToggle(speed);
})
item_title.css({cursor:"pointer"}).toggle(
function () {
items.hide(speed);
}, function () {
items.show(speed);
})
}