Solution:Use mouseover and mouseout events to add and remove class "show"
I have intentionally added mouseout event on showSidemenu as when it slides in it goes over sidemenuShowButton div and comes on top of it, so attaching mouseout to sidemenuShowButton will cause flickering effect.
http://api.jquery.com/category/events/mouse-events/
$sidemenuShowButton.mouseover(function(){
$showSidemenu.addClass("show");
}
);
$showSidemenu.mouseout(function(){
$showSidemenu.removeClass("show");
}
);
Working JS Fiddle Example: http://jsfiddle.net/2cjjdm7j/1/
Solution:Use mouseover and mouseout events to add and remove class "show"
I have intentionally added mouseout event on showSidemenu as when it slides in it goes over sidemenuShowButton div and comes on top of it, so attaching mouseout to sidemenuShowButton will cause flickering effect.
http://api.jquery.com/category/events/mouse-events/
$sidemenuShowButton.mouseover(function(){
$showSidemenu.addClass("show");
}
);
$showSidemenu.mouseout(function(){
$showSidemenu.removeClass("show");
}
);
Working JS Fiddle Example: http://jsfiddle.net/2cjjdm7j/1/
Solution:Use mouseover and mouseout events to add and remove class "show"
I have intentionally added mouseout event on showSidemenu as when it slides in it goes over sidemenuShowButton div and comes on top of it, so attaching mouseout to sidemenuShowButton will cause flickering effect.
http://api.jquery.com/category/events/mouse-events/
$sidemenuShowButton.mouseover(function(){
$showSidemenu.addClass("show");
}
);
$showSidemenu.mouseout(function(){
$showSidemenu.removeClass("show");
}
);
Working JS Fiddle Example: http://jsfiddle.net/2cjjdm7j/1/
Solution:Use mouseover and mouseout events to add and remove class "show"
My suggestion start reading moreI have intentionally added mouseout event on JqueryshowSidemenu as when it slides in it goes over sidemenuShowButton div and comes on top of it, so attaching mouseout to know its powersidemenuShowButton will cause flickering effect.
http://api.jquery.com/category/events/mouse-events/
$sidemenuShowButton.mouseover(function(){
$showSidemenu.addClass("show");
}
);
/* I have intentionally added mouseout event on showSidemenu as when it slides in it goes over sidemenuShowButton and comes on top of it, so attaching mouseout to sidemenuShowButton will cause flickering*/
$showSidemenu.mouseout(function(){
$showSidemenu.removeClass("show");
}
);
Working JS Fiddle Example: http://jsfiddle.net/2cjjdm7j/1/
Solution:Use mouseover and mouseout events to add and remove class "show"
My suggestion start reading more on Jquery to know its power.
http://api.jquery.com/category/events/mouse-events/
$sidemenuShowButton.mouseover(function(){
$showSidemenu.addClass("show");
}
);
/* I have intentionally added mouseout event on showSidemenu as when it slides in it goes over sidemenuShowButton and comes on top of it, so attaching mouseout to sidemenuShowButton will cause flickering*/
$showSidemenu.mouseout(function(){
$showSidemenu.removeClass("show");
}
);
Working JS Fiddle Example: http://jsfiddle.net/2cjjdm7j/1/
Solution:Use mouseover and mouseout events to add and remove class "show"
I have intentionally added mouseout event on showSidemenu as when it slides in it goes over sidemenuShowButton div and comes on top of it, so attaching mouseout to sidemenuShowButton will cause flickering effect.
http://api.jquery.com/category/events/mouse-events/
$sidemenuShowButton.mouseover(function(){
$showSidemenu.addClass("show");
}
);
$showSidemenu.mouseout(function(){
$showSidemenu.removeClass("show");
}
);
Working JS Fiddle Example: http://jsfiddle.net/2cjjdm7j/1/
Solution:Use mouseover and mouseout events to add and remove class "show"
My suggestion start reading more on Jquery to know its power.
http://api.jquery.com/category/events/mouse-events/
$sidemenuShowButton.mouseover(function(){
$showSidemenu.addClass("show");
console.log("hover in");
}
);
/* I have intentionally added mouseout event on showSidemenu as when it slides in it goes over sidemenuShowButton and comes on top of it, so attaching mouseout to sidemenuShowButton will cause flickering*/
$showSidemenu.mouseout(function(){
$showSidemenu.removeClass("show");
console.log("hover out");
}
);
Working JS Fiddle Example: http://jsfiddle.net/2cjjdm7j/1/
Solution:Use mouseover and mouseout events to add and remove class "show"
My suggestion start reading more on Jquery to know its power.
http://api.jquery.com/category/events/mouse-events/
$sidemenuShowButton.mouseover(function(){
$showSidemenu.addClass("show");
console.log("hover in");
}
);
/* I have intentionally added mouseout event on showSidemenu as when it slides in it goes over sidemenuShowButton and comes on top of it, so attaching mouseout to sidemenuShowButton will cause flickering*/
$showSidemenu.mouseout(function(){
$showSidemenu.removeClass("show");
console.log("hover out");
}
);
Working JS Fiddle Example: http://jsfiddle.net/2cjjdm7j/1/
Solution:Use mouseover and mouseout events to add and remove class "show"
My suggestion start reading more on Jquery to know its power.
http://api.jquery.com/category/events/mouse-events/
$sidemenuShowButton.mouseover(function(){
$showSidemenu.addClass("show");
}
);
/* I have intentionally added mouseout event on showSidemenu as when it slides in it goes over sidemenuShowButton and comes on top of it, so attaching mouseout to sidemenuShowButton will cause flickering*/
$showSidemenu.mouseout(function(){
$showSidemenu.removeClass("show");
}
);
Working JS Fiddle Example: http://jsfiddle.net/2cjjdm7j/1/