Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Hide dropdowns on mouseout? #3

Closed
ghost opened this issue Feb 26, 2013 · 9 comments
Closed

Hide dropdowns on mouseout? #3

ghost opened this issue Feb 26, 2013 · 9 comments

Comments

@ghost
Copy link

ghost commented Feb 26, 2013

Dropdown menus don't disappear when mousing out. Was this intentional? Is there an easy way to change this?

@th3fallen
Copy link

im trying to do the same thing did you ever find a solution @nitrammit ?

@ghost
Copy link
Author

ghost commented Aug 16, 2013

Sorry, mate. I had no luck. I ended up building my own CSS dropdowns instead.

@th3fallen
Copy link

@nitrammit thanks anyways i asked @gilbitron on Twitter but i think he's got to much going on... oh well back to my search.

@Twanneman
Copy link

add this code in the afterShow function :
afterShow: function(){
$('ul#menu').on( "mouseleave", function() {
$('.dropit-open').removeClass('dropit-open').find('.dropit-submenu').hide();
});
}

@tmrfcb
Copy link

tmrfcb commented Oct 7, 2013

// add this code to hide sub menu when you hover the others first level anchor

                $('.menu_tab > ul > li > a').on('hover', function(){
                    settings.beforeHide.call(this);
                    $('.dropit-open').removeClass('dropit-open').find('.dropit-submenu').hide();
                    settings.afterHide.call(this);
                });

//and this code to hide sub menu when you leave the ul

                $('.menu_tab').mouseleave(function(){
                    settings.beforeHide.call(this);
                    $('.dropit-open').removeClass('dropit-open').find('.dropit-submenu').hide();
                    settings.afterHide.call(this);
                });

//that's work for me

@tylerpenney
Copy link

I used .mouseleave also it works great 👍

                // Close if outside of area
                $(".dropit").mouseleave(function () {
                    settings.beforeHide.call(this);
                    $('.dropit-open').removeClass('dropit-open').find('.dropit-submenu').hide();
                    settings.afterHide.call(this);
                });

@gilbitron
Copy link
Owner

This is fixed in v1.1.0.

@tylerpenney
Copy link

I fixed in my fork too. Great job!

Tyler Penney
(559) 834-8282
millerpenney.com

On Thu, May 8, 2014 at 8:00 AM, Gilbert Pellegrom
notifications@github.comwrote:

Closed #3 #3.


Reply to this email directly or view it on GitHubhttps://github.com//issues/3#event-119166142
.

@jordanneenan
Copy link

Just a heads up @gilbitron - I still had this issue using 1.1.0. @tylerpenney's fork worked.

Thanks for the plugin.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

6 participants