OperaとChromeで動作するが、IE / Firefoxでは動作しないjQueryの非表示/表示div

firefox internet-explorer jquery
OperaとChromeで動作するが、IE / Firefoxでは動作しないjQueryの非表示/表示div

皆さん、次のjQueryコードのスニペットはGoogle ChromeとOperaで正常に動作するようですが、Internet ExplorerまたはFirefoxで関連するdivを非表示/表示しても何も起こりません。 何か案は?

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

実際の例はhttp://injekt.net/paste/pastes [こちら]にあります

前もって感謝します

  1  0


ベストアンサー

あなたの問題は、スクリプトタグの上部にあります。

2番目のタグは、他のブラウザーではロードされません、「

最初のタグをこれに変更して、機能させます:

1


タイトルとURLをコピーしました