Ako kliknúť myšou na toto tlačidlo otvoríte menu namiesto kliknutia - javascript, jquery, html, css

Mám toto trochu animované tlačidlo, ktoré otvorí ponuku na kliknutie, Je možné myšou prejsť na tlačidlo a otvoriť ho namiesto kliknutia?

"Nie som si istý, či je to s css alebo javascript, ale tu" s fiddle link s tlačidlom chcem myš vznášať.

Vopred ďakujem!

Javascript

    jQuery(document).ready(function($) {

var colors = "";
var server_url = "";
var folder_url = "colors/";

// Style switcher
$(".hide-color").show(1000);
$("#custumize-style").animate({
left: "-134px"
});

$("#custumize-style .switcher").click(function(e) {
e.preventDefault();
var div = $("#custumize-style");
if (div.css("left") === "-134px") {
$("#custumize-style").animate({
left: "0px"
});

// open switcher and add class open
$(this).addClass("open");
$(this).removeClass("closed");

} else {
$("#custumize-style").animate({
left: "-134px"
});

// close switcher and add closed
$(this).addClass("closed");
$(this).removeClass("open");
}
})
});

odpovede:

Hľadáte .hover ()

Odchod zo svojho.trieda prepínača vo vašom selektori vám dá nejaké podivné správanie, pretože by ste strieľali na svoje tagy vo vašom div. Odstránenie tejto triedy spustí metódu vznášania na rodičovskom div (váš posuvník ponuky).

Riadok 13 tohto JavaScriptu by poskytol vyššie popísané správanie:

$("#custumize-style .switcher").hover(function(e) {

Namiesto toho skúste niečo také:

$("#custumize-style").hover(function(e) {