はホバー

Question

私は現在、いくつかのjQueryを学んでいる上のボタンからのdivのスライドを作成し、私がクリックされたボタンを作成しましたボタンを押すと、押した色に応じてメイン（白いボタン）が変わります。しかし、私はこのdivの色付きボタンをボタンdivから（例えば、右に）スライドさせて、マウスを動かして選択することができますか？

ここで私がこれまで持っているjQueryの：

//When clicking diff colours 
$("ul").on("click", "li", function() { 
    $('button').removeClass().addClass(this.className); 
}); 

//When white button is pressed 
$("#revealColorSelect").click(function(){ 
    //Show color select or hide the color select 
    changeColor(); 
    $("#colorSelect").toggle(); 
}); 

//update the new colour 
function changeColor() { 
    var p = $("#pink").val(); 
    var pur = $("#purple").val(); 
    var r = $("#red").val(); 
    var b = $("#blue").val(); 
    var g = $("#green").val(); 
    var o = $("#orange").val(); 
}; 

Answer 1

できるのは、このようなtoggle機能。このためにJquery UIを追加する必要があることを思い出してください。

フィドル作業

$("#revealColorSelect").on("mouseover",function() { 
    //Show color select or hide the color select 
    $('#colorSelect').toggle('slide', { 
    direction: 'right' 
    }, 500, function() { 
    changeColor(); 
    })  
}); 

：https://jsfiddle.net/2o61gyyr/