jQuery：click on divの表示/非表示はwebkitではなくmozillaで動作します

Question

私は数ヶ月間サイトを構築していて、シンプルなhide/show divをしているサイトの非常に基本的な部分を持っています。私はChromeでテストしてきただけで、夢のように働いています。しかし、今日私はFirefoxをテストし、それは動作しませんでした。ここに私のコードは次のとおりです。

$(document).ready(function() { 
    $(".show_hide").bind("click", doSwitch); 

    function doSwitch() { 
    // Get the ID out of the id="" attr of the <a> 
    var ind = $(this).attr("id").replace("in", ""); 
    var ud = $(this).attr("id").replace("out", ""); 
    var pik = $(this).attr("id").replace("trigger", ""); 


    // Hide all the blocks, because a block has been chosen! 
    $(".infobox").hide(); 

    // Show the requested #ID 
    $("#in-"+ind).fadeIn(1); 
    $("#out-"+ud).fadeIn(1); 
    $("#trigger"+pik).fadeIn(1); 

    return false; 
    } 

}); 

Answer 1

試してみてください。

$(".show_hide").click(doSwitch);

も、それははるかに高速の代わりに、それをアニメーション化しようとするだろうただshow()にfadeIn(1)を変更します。

Answer 2

これを試してみてください：

$(".show_hide").live("click",function(){doSwitch();});