JQuery 변경 CSS 표시가 작동하지 않습니다.

Question

기본적으로 사용자가 하위 이미지를 클릭하면 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는 다음과 같습니다 IE에서

$('#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"); 
}); 

내가이 오류를 얻을 :

Could not get the display property. Invalid argument. 

어쨌든 나는 그것이 크롬으로 작동하도록 내 코드를 변경할 수 있습니까를, FF와 IE?

감사합니다.

Answer 1

"inherit"은 IE에서 유효한 표시 값이 아닙니다. 불행히도. ""시도해 볼 수 있습니다 (live example). 그렇지 않으면 해당 요소 (like this)에 대해 일부 스타일 시트 규칙이 적용되지 않습니다.

주제가 맞지 않지만 더 짧은 방법으로 .css("display", "none")을 쓰려면 .hide()을 대신 사용할 수 있습니다. :-)