javascript - show() hide() は firefox では機能しないが、他のすべてのブラウザーでは機能する

Question

ここでhideanddisplay()は、<tiles:insert>...

関数が使用されるコード:

<td onclick="hideanddisplay()" class="productLogo" title="Click to Hide/Display Navigator">
    <span style="cursor:pointer">hiii <span style="color:#FFFFFF">gud morning</span></span>
</td>

この関数を呼び出すことにより、要件に従って、以下のコードを非表示にして表示する必要があります...

<td id="sohamMenu" valign="top" class="leftmenuBG">
    <div id="soham" class="TA" style="width:210px; height:500px; overflow-x:scroll; overflow-y:scroll;">
        <tiles:insert attribute="menupage" />
    </div>
</td>

非表示と表示の関数は次のとおりです。

function hideanddisplay() {
    var cookiewval = getMyCookie("status");
    if (cookiewval == "hide") {
        $("#sohamMenu").show(500);
        document.cookie = "status=show;";
    } else {
        $("#sohamMenu").hide(500);
        document.cookie = "status=hide;";
    }

    function getMyCookie(name) {
        var prefix = name + "=";
        var start = document.cookie.indexOf(prefix)
        if (start == -1) {
            return null;
        }
        var end = document.cookie.indexOf(";", start + prefix.length)
        if (end == -1) {
            end = document.cookie.length;
        }
        var tempString = document.cookie
        var value = tempString.substring(start + prefix.length, end)
        return unescape(value);
    }