jquery color picker hover element
<p>Need help with Hover class. </p>

<p>As you can see the code then I have to hover the elements, but unfortunately they do not change color. have any ideas how to make everything working?</p>

<p>I have followed the code:</p>

<pre><code>$('#color_mix_menu_top').ColorPicker({
    color: '#0000ff',
    onShow: function (colpkr) {
        $(colpkr).fadeIn(500);
        return false;
    },
    onHide: function (colpkr) {
        $(colpkr).fadeOut(500);
        return false;
    },
    onChange: function (hsb, hex, rgb) {
        $('#menu &gt; ul &gt; li:hover &gt; a, #menu &gt; ul &gt; li &gt; a:hover, #menu &gt; ul &gt; li &gt; div').css('backgroundColor', '#' + hex);
        $('#color_mix_menu_top').css('backgroundColor', '#' + hex);
}
});
</code></pre>
