jquery - jQuery的更改CSS显示不起作用

我基本上在chrome和firefox上进行此操作，当用户单击子图像时，它通过将其显示属性从hide更改为show来更改主图像。这是我的img元素。

<img id="lg1" src="http...
<img id="lg2" style="display:none" src="http...
<img id="lg3" style="display:none" src="http...

和我的js看起来像这样：

    $('#graph1').click(function() {
    $("#lg1").css("display","inherit");
    $("#lg2").css("display","none");
    $("#lg3").css("display","none");
});

$('#graph2').click(function() {
    $("#lg1").css("display","none");
    $("#lg2").css("display","inherit");
    $("#lg3").css("display","none");
});

$('#graph3').click(function() {
    $("#lg1").css("display","none");
    $("#lg2").css("display","none");
    $("#lg3").css("display","inherit");
});

在IE中，我收到此错误：

Could not get the display property. Invalid argument.

无论如何，我可以更改代码以使其与Chrome，FF和IE一起使用吗？

谢谢！

最佳答案

不幸的是，“继承”不是IE上的有效显示值。您可以尝试使用“”，除非有一些样式表规则，否则该元素（live example）应该可以工作（like this）。

偏离主题，但是如果您想用一种更短的方式编写.css("display", "none")，则可以改用.hide()。 :-)