JQuery скрыть / показать Div работает в Opera и Chrome, но не IE / Firefox

Question

Привет, ребята, следующий фрагмент кода jQuery, кажется, прекрасно работает в Google 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();
  })
})

Рабочий пример можно найти здесь

Заранее спасибо

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>