Comments on: jQuery Sliding Menu (AKA Lavalamp Menu) https://www.geektantra.com/2010/02/jquery-sliding-menu/?utm_source=rss&utm_medium=rss&utm_campaign=jquery-sliding-menu yet another geek's blog Fri, 17 Oct 2014 17:42:43 +0000 hourly 1 https://wordpress.org/?v=6.5.3 By: Art Gola https://www.geektantra.com/2010/02/jquery-sliding-menu/#comment-2386 Mon, 13 Aug 2012 03:50:29 +0000 http://www.geektantra.com/2010/02/jquery-sliding-menu-aka-lavalamp/#comment-2386 For those of you struggling with making this work with later versions of jQuery (beyond 1.4.2) add this line AFTER:

var h = jQuery(this).outerHeight();

/** new line **/
jQuery(this).parents(“ul:first”).find(“.” + options.backgroundClass).css({‘display’: ‘block’});

your hover function should look like this:

jQuery(this).find(“li a”).hover(function () {
var t = jQuery(this).position().top;
var l = jQuery(this).position().left;
var w = jQuery(this).outerWidth();
var h = jQuery(this).outerHeight();

/** make sure that the item is visible **/
jQuery(this).parents(“ul:first”).find(“.” + options.backgroundClass).css({‘display’: ‘block’});

jQuery(this).parents(“ul:first”).find(“.”+options.backgroundClass).stop().animate({
opacity: options.initialOpacity, top: t, left: l, width: w, height: h
}, options.slideTime, options.easing, options.callback );

}, function(){
if(options.highlightOnClick){
jQuery(this).parents(“ul:first”).find(“.”+options.backgroundClass).stop().animate({
opacity: “1”,
top: options.initial_top,
left: options.initial_left
}, 500);
}else {
jQuery(this).parents(“ul:first”).find(“.”+options.backgroundClass).stop().animate({
opacity: “0”
}, 500);
}
});

]]>
By: Art Gola https://www.geektantra.com/2010/02/jquery-sliding-menu/#comment-2385 Mon, 13 Aug 2012 02:07:32 +0000 http://www.geektantra.com/2010/02/jquery-sliding-menu-aka-lavalamp/#comment-2385 In reply to Harshil Safi.

Care to share these issues, or perhaps add them to the Issue Tracker at http://code.google.com/p/jquery-sliding-menu/issues/list so that others can benefit?

]]>
By: Harshil Safi https://www.geektantra.com/2010/02/jquery-sliding-menu/#comment-2368 Tue, 24 Jul 2012 18:26:20 +0000 http://www.geektantra.com/2010/02/jquery-sliding-menu-aka-lavalamp/#comment-2368 In reply to underx.

It works with 1.7.2
Few bugs regarding highlightonClick
but are easily fixable

]]>
By: underx https://www.geektantra.com/2010/02/jquery-sliding-menu/#comment-2290 Wed, 11 Apr 2012 15:12:10 +0000 http://www.geektantra.com/2010/02/jquery-sliding-menu-aka-lavalamp/#comment-2290 it doesn’t work with jquery-1.7.1.min.js.
But thanx for sharing.

]]>
By: Stefan https://www.geektantra.com/2010/02/jquery-sliding-menu/#comment-2265 Thu, 23 Feb 2012 23:58:06 +0000 http://www.geektantra.com/2010/02/jquery-sliding-menu-aka-lavalamp/#comment-2265 Hi there,

this plugin doesn’t seem to work with jQuery 1.7.1

Any chance to get it to work again?

Thanks!

]]>
By: VicTheme https://www.geektantra.com/2010/02/jquery-sliding-menu/#comment-2017 Wed, 13 Jul 2011 09:16:19 +0000 http://www.geektantra.com/2010/02/jquery-sliding-menu-aka-lavalamp/#comment-2017 Thanks for sharing…
I’ve also created a lavalamp menu using Drupal module which can be view here http://www.victheme.com/demo_product/7
if it’s Okay and welcome for any review or comments:)

]]>
By: Michael https://www.geektantra.com/2010/02/jquery-sliding-menu/#comment-913 Sat, 21 May 2011 08:24:45 +0000 http://www.geektantra.com/2010/02/jquery-sliding-menu-aka-lavalamp/#comment-913 I have used this menu on one of my websites..thanks!

Michael

]]>
By: AB Development Site Launch | Al Binns' Web Stuff https://www.geektantra.com/2010/02/jquery-sliding-menu/#comment-876 Tue, 01 Mar 2011 14:55:22 +0000 http://www.geektantra.com/2010/02/jquery-sliding-menu-aka-lavalamp/#comment-876 […] has been used, with a few plugins for the menu, and scroll behaviour, and the also the form submits via […]

]]>
By: Matt https://www.geektantra.com/2010/02/jquery-sliding-menu/#comment-844 Wed, 22 Dec 2010 12:06:15 +0000 http://www.geektantra.com/2010/02/jquery-sliding-menu-aka-lavalamp/#comment-844 Wasn’t working for me either – was staying hidden. Fixed by going to line 20:
change “display:none;” to “display: block; opacity: 0;”

Dunno if that was just my implementation or the latest jquery changing things

]]>
By: Ricardo https://www.geektantra.com/2010/02/jquery-sliding-menu/#comment-823 Mon, 06 Dec 2010 15:47:16 +0000 http://www.geektantra.com/2010/02/jquery-sliding-menu-aka-lavalamp/#comment-823 hi, I’m unable to use the script in jquery 1.4.3 as the rest of our site, I’ve tried previous versions and it does work. 🙁

what’s changed, how can I make this compatible.
Thanks in advance!

]]>