Highcharts 3.0.1 issue with jQuery 2.0.1/1.10.0

[showenx]

Try this one: http://jsfiddle.net/vCDu8/

When clicking on the series, some error are loged in console, not sure it's issue with jQuery or highcharts

TypeError: invalid 'in' operand style

[kenaniah]

This line is thrown due to the $el.anime(params, options); call on line 1408 of highcharts.src.js (v3.0.1). el points to an SVGElement instance, but those types of objects do not have the style property defined in the SVG spec, the style property ends up being a string rather than an instance of CSSStyleDeclaration in the DOM. When passed to the $.animate() function in jQuery, jQuery attempts to iterate the properties of the CSSStyleDeclartion instance that (normally) makes up the style property of an element.

Because the style property on the highcart tooltip (<g class="highcharts-tooltip"> is the element in question) happens to be a string, JavaScript throws the TypeError with a message of something to the effect of:

Cannot use 'in' operator to search for '<css property name>' in <contents of the style property string>

The net result of this issue is that the tooltip stays visible and a JavaScript error is thrown.

[kenaniah]

One workaround would be to replace the contents of fadeOut() on line 2850 with this:

fadeOut: function(duration){
    this.hide();
}

[TorsteinHonsi]

Duplicate of #1881