javascript - 如何在鼠标单击时为 div 的每个外观添加淡入淡出（）效果？

Question

fadeIn()鼠标单击时如何为div的每个外观添加效果？

所以当onmouseclick时，黄色部分显示fadeIn()效果。

小提琴：http: //jsfiddle.net/2ehdW/7/

脚本 ：

window.jQueryclick: function (event) {
    if (!event.point.selected) {
        $('#testDiv').show();
        var chart_data = '<div> Name: ' + event.point.name + ' Share: ' + event.point.y + '</div>';
        $('#testDiv').html(chart_data);
    } else {
        $('#testDiv').hide();
    }
}

Answer 1

在方法中添加一个参数并在再次显示之前.show()隐藏它：div

if (!event.point.selected) {
   $('#testDiv').hide();
   $('#testDiv').show("300"); //or just $('#testDiv').fadeIn();
   var chart_data = 'Name: ' + event.point.name + ' Share: ' + event.point.y;
   $('#testDiv').html(chart_data);
} else {
   $('#testDiv').hide();
}

小提琴