jQuery 隐藏/显示包含 Highcharts 的 div

Question

我想隐藏/显示一个包含highcharts的div。 在 Chrome 和 Safari 中，我能够成功隐藏 div，而在 Firefox 中， Highcharts 的印记得以保留。 这是我的jsFiddle Link 。尝试在 Chrome 和 Firefox 中打开此链接。 如何在 Firefox 中隐藏 Highcharts ？

Answer 1

问题是 Highcharts 使用 SVG 来渲染图表，因此 CSS style="visibility:hidden" 不起作用。相反，您需要设置属性 visibility = "hidden"。简单的例子:http://jsfiddle.net/f2SDB/

$("#hide").click(function () {
    $('#container *').attr('visibility', 'hidden');
    $('#container').css('visibility', 'hidden');
});
$("#show").click(function () {
    $('#container *').attr('visibility', 'visible');
    $('#container').css('visibility', 'visible');
});