I solved the problem on my own. The problem was that the menupoint
hides before it is abel to slide out.
i just changed
var $ul = $(['li.',o.hoverClass].join(''),this).add(this).not
(not).removeClass(o.hoverClass)
.find('>ul').hide().css
('visibility','visible');
into
var $ul = $(['li.',o.hoverClass].join(''),this).add(this).not
(not).removeClass(o.hoverClass)
.find('>ul').css
('visibility','visible');
no i have another problem, but i will post this in another thread.
thanks so far :)
On 16 Dez., 13:52, decola <[email protected]> wrote:
> I was searching for a plugin that makes me abel to make a dropdown
> navigation. I found Superfish and was really happy. But now i realized
> that then menuepoints fade in but just pop away if the mouse left
> them. I want that the menupoints fade out if the mouse leave them like
> on this page
>
> http://demo.joomlaextensions.co.in/index.php?option=com_content&view=...
>
> So i started to recode the code of Superfish, but i can´t get it
> working.
>
> Heres a small code snippet (the only things i´ve changed)
>
> sf.defaults = {
> hoverClass : 'sfHover',
> pathClass : 'overideThisToUse',
> pathLevels : 1,
> delay : 800,
> animationShow: {opacity:'show'},
> animationHide: {opacity:'hide'},
> speed : '100000',
> autoArrows : true,
> dropShadows : true,
> disableHI : false, // true disables
> hoverIntent detection
> onInit : function(){}, // callback functions
> onBeforeShow : function(){},
> onShow : function(){},
> onBeforeHide : function(){},
> onHide : function(){}
> };
> $.fn.extend({
> hideSuperfishUl : function(){
> var o = sf.op,
> not = (o.retainPath===true) ? o.$path : '';
> o.retainPath = false;
> var $ul =
> $(['li.',o.hoverClass].join(''),this).add(this).not
> (not).removeClass(o.hoverClass)
>
> .find('>ul').hide().css('visibility','visible');
> sf.IE7fix.call($ul);
> o.onBeforeHide.call($ul);
> $ul.animate(o.animationHide,o.speed,function(){
> sf.IE7fix.call
> ($ul); o.onHide.call($ul); });
> //alert("hide !!!");
> return this;
> },
> hideSuperfishUlStartup : function(){
> var o = sf.op,
> not = (o.retainPath===true) ? o.$path : '';
> o.retainPath = false;
> var $ul =
> $(['li.',o.hoverClass].join(''),this).add(this).not
> (not).removeClass(o.hoverClass)
>
> .find('>ul').hide().css('visibility','visible');
> o.onHide.call($ul);
> //alert("hide !!! startup");
> return this;
> },
> showSuperfishUl : function(){
> var o = sf.op,
> sh = sf.c.shadowClass+'-off',
> $ul = this.addClass(o.hoverClass)
>
> .find('>ul:hidden').css('visibility','visible');
> sf.IE7fix.call($ul);
> o.onBeforeShow.call($ul);
> $ul.animate(o.animationShow,o.speed,function(){
> sf.IE7fix.call
> ($ul); o.onShow.call($ul); });
> //alert("show");
> return this;
> }
> });
>
> })(jQuery);
>
> this is out of the superfish.js.
>
> Can Please someone help me to get this working ?
