クリック時ではなく、ホバー上にポップアップを表示

Question

ポップアップボックスの追加に関するチュートリアルが見つかりましたが、クリック時ではなくホバー上に表示します。このコードを変更するにはどうすればよいですか？最初の関数は、ユーザーのマウスが入ったときに実行される方法であり、そして時にユーザーのマウスの葉第二の機能が起動されます

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

：あなたはjQueryのでhover()メソッドを使用することができます

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

function deselect(e) { 
    $('.pop').slideFadeToggle(function() { 
    e.removeClass('selected'); 
    }); 
} 

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

    $('.close').on('click', function() { 
    deselect($('#youtube')); 
    return false; 
    }); 
}); 

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

Answer 1

要素。

デモ： 'マウスオーバー' と 'マウスアウト' でクリックイベントを交換する時https://jsfiddle.net/2hLjs4qt/