Dan, I've narrowed down the problem. I am using a library called jrails which includes the javascript below. If i remove it this problem does away ( just need to comment out he slideUp & Down definitions to make it work). Not sure if its the code below or something in mcDropDown thats causing the problem.
(function($) { $.fn.extend({ visualEffect : function(o) { e = o.replace(/\_(.)/g, function(m, l){return l.toUpperCase()}); return eval('$(this).'+e+'()'); }, appear : function(speed, callback) { return this.fadeIn(speed, callback); }, blindDown : function(speed, callback) { return this.show('blind', { direction: 'vertical' }, speed, callback); }, blindUp : function(speed, callback) { return this.hide('blind', { direction: 'vertical' }, speed, callback); }, blindRight : function(speed, callback) { return this.show('blind', { direction: 'horizontal' }, speed, callback); }, blindLeft : function(speed, callback) { this.hide('blind', { direction: 'horizontal' }, speed, callback); return this; }, dropOut : function(speed, callback) { return this.hide('drop', {direction: 'down' }, speed, callback); }, dropIn : function(speed, callback) { return this.show('drop', { direction: 'up' }, speed, callback); }, fade : function(speed, callback) { return this.fadeOut(speed, callback); }, fadeToggle : function(speed, callback) { return this.animate({opacity: 'toggle'}, speed, callback); }, fold : function(speed, callback) { return this.hide('fold', {}, speed, callback); }, foldOut : function(speed, callback) { return this.show('fold', {}, speed, callback); }, grow : function(speed, callback) { return this.show('scale', {}, speed, callback); }, highlight : function(speed, callback) { return this.show('highlight', {}, speed, callback); }, puff : function(speed, callback) { return this.hide('puff', {}, speed, callback); }, pulsate : function(speed, callback) { return this.show('pulsate', {}, speed, callback); }, shake : function(speed, callback) { return this.show('shake', {}, speed, callback); }, shrink : function(speed, callback) { return this.hide('scale', {}, speed, callback); }, squish : function(speed, callback) { return this.hide('scale', { origin: ['top', 'left'] }, speed, callback); }, slideUp : function(speed, callback) { return this.hide('slide', { direction: 'up'}, speed, callback); }, slideDown : function(speed, callback) { return this.show('slide', { direction: 'up'}, speed, callback); }, switchOff : function(speed, callback) { return this.hide('clip', {}, speed, callback); }, switchOn : function(speed, callback) { return this.show('clip', {}, speed, callback); } }); })(jQuery); On Oct 22, 1:58 pm, "Dan Switzer" <[EMAIL PROTECTED]> wrote: > > The example page works as it should, I am using the the latest > > listed: * Rev: 1.2.07 > > > I had the same behavior on 2 different pages. Unfortunately there is > > not live example. Everything else works fine with the widget. > > > The root menu actually animates on the top left of the page at first > > when any click happens. After the mcdropdown is first clicked it > > animates the selct box with an open and close. > > I've never seen this behavior and without some more detail or you posting a > live working example somewhere that I can observe the behavior, it's hard > for me to give you much help. There's only one global click handler, which > is designed to close the menu if it's in an open state and you haven't > clicked on the menu. You might try looking at adding some debugging to that > code (starts on line 94) to see if you can help determine what the cause is. > > -Dan