javascript - コードを .hover() での作業から .click() および .hover() での作業に変更する方法

Question

このスクリプトをホバーからオンクリックとホバーにするにはどうすればよいですか:

$j = jQuery.noConflict();
$j(document).ready(function () {
    $j(".swatch-anchor").hover(function () {
        var newTitle = $j(this).attr("title");
        $j("#colour-name").html(newTitle);
    },
    function () {
        var swapTitle = $j("#colour-name").html();
        $j(this).attr("title", swapTitle);
        $j("#colour-name").html("");
    });
});

Answer 1

これを試して：

$j = jQuery.noConflict();
$j(document).ready(function () {
    $j(".swatch-anchor").on('click mouseenter',function () {
        var newTitle = $j(this).attr("title");
        $j("#colour-name").html(newTitle);
    });

    $j(".swatch-anchor").on('mouseleave',function () {
        var swapTitle = $j("select-option.selected a").text();
        $j("#colour-name").html("");
    });
});

Answer 2

解決済み:

http://jsfiddle.net/4cPQG/

$j(".swatch-anchor")
.on('mousedown mouseover', function () {
    //...
})
.on('mouseup mouseout', function () {
    //...
});