jQuery hide/show div는 Opera/Chrome에서 작동하지만 IE/Firefox는 작동하지 않습니다.

Question

다음과 같은 jQuery 코드 스 니펫은 Chrome 및 Opera에서 잘 작동하는 것으로 보이지만 관련 div를 숨기거나 표시 할 때 아무런 반응이 없습니다. Internet Explorer 또는 Firefox. 어떤 아이디어?

$(function() { 
    $(".paste-meta-small .right a.collapse").click(function(event) { 
    $(this).parents(".paste-meta-small").next(".highlight").toggle(500); 
    $(this).text($(this).text() == 'show' ? 'hide' : 'show'); 
    event.preventDefault(); 
    }) 
}) 

$(function() { 
    $(".highlight-meta a.blog-collapse").click(function(event) { 
    $(this).parents(".highlight-meta").next(".blog-highlight").toggle(500); 
    $(this).text($(this).text() == 'show' ? 'hide' : 'show'); 
    var margin = ($(this).text() == "show" ? "15px" : "0"); 
    $(this).parents(".highlight-meta").css("margin-bottom", margin); 
    event.preventDefault(); 
    }) 
}) 

동작하는 예제가 사전에 here

감사를 찾을 수 있습니다

Answer 1

귀하의 문제는 스크립트에 최고 최대 태그 :

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" /> 
<script src="/js/injekt.js" type="text/javascript"></script> 

두 번째 태그를로드하지 않습니다 다른 브라우저는 <script> 태그는 항상 닫는 태그가 필요하며 자동 닫을 수 없습니다.

<script></script> //Valid 
<script /> //Invalid 

변경이의 첫 번째 태그가 작동하게합니다 :

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>