Whisetter46 Whisetter46 - 1 year ago 128
Javascript Question

Show popup on hover rather than on click

I found a tutorial on adding popup boxes but want the box to appear on hover rather than on click. How can I alter this code to do that?

function div_show() {
document.getElementById('abc').style.display = "block";

function deselect(e) {
$('.pop').slideFadeToggle(function() {

$(function() {
$('#youtube').on('click', function() {
if ($(this).hasClass('selected')) {
} else {
return false;

$('.close').on('click', function() {
return false;

$.fn.slideFadeToggle = function(easing, callback) {
return this.animate({
opacity: 'toggle'
}, 'fast', easing, callback);

Answer Source

You can use the hover() method in jQuery:

    $(this).css("background-color", "yellow");
    }, function(){
    $(this).css("background-color", "blue");

The first function is the method that will execute when the user's mouse enters, and the second function will be fired when the user's mouse leaves the element.

Demo: https://jsfiddle.net/2hLjs4qt/

Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download