Expandable Menu

puppiepoppy / 2009-12-11 18:04:37   

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);
})

}

puppiepoppy / 2009-12-12 09:40:30   

Hi all,

I've sorted out the issue of the expanding menu. So, if you guys have time, please do drop by the website and give some comments. Thanks.

johangafvels / 2009-12-12 14:36:01   

Nice site puppiepoppy! I LIKE =)

puppiepoppy / 2009-12-12 15:08:02   

Thanks johangafvels,

However, I've experienced super lagging here (in China) accessing my website. Before that, I was modifying some feedback form, jquery.js and style.css. I hope I didn't messed it up again, rendering the loading of JPGs tremendously slow.

Anyone out there can let me know if those bad .js or style.css will affect the page loading?

Anyone of you experience that in my site?

This thread has been closed, thank you.