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=article&id=61&Itemid=82

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 ?

Reply via email to