jquery/javascript函数只工作一次

我有一个非常奇怪的情况，我到处寻找，找不到有类似情况的人，在我看来，我不明白为什么这个仪器工作。我正在尝试使用jQuery创建一个简单的选项卡列表：

我有一个JS函数，如下所示：

function changeWindow(contentId) {
    $(".tabs").css("border-bottom","thin solid black");
    $("#" + contentId + "Tab").css("border-bottom","thick solid white");
    $(".content").hide();
    $("#" + contentId).show();
    $("#" + contentId + "Head").show();    //when I comment this line, all works well.
}

我的html是：

<div id="header">
    <div id="tabs">
        <span onClick="changeWindow('browse')" id="browseTab" class="tabs"> Browse </span>
        <span onClick="changeWindow('collection')" id="collectionTab" class="tabs"> My Collection </span>
        <span onClick="changeWindow('play')" id="playTab" class="tabs"> Play! </span>
    </div>
    <div id="contentHeads">
        <div id="browseHead" class="content">
            some Html
        </div>
        <div id="collectionHead" class="content">
            some Html
        </div>
        <div id="playHead" class="content">
            some Html
        </div>
    </div>
</div>
<div id="gameField">
    <div id="browse" class="content">
        some Html
    </div>
    <div id="collection" class="content">
        some Html
    </div>
    <div id="play" class="content">
        some Html
    </div>
</div>

奇怪的是，这个函数只运行一次（即我可以点击一个标签），一切都很完美。但是在我单击一个选项卡之后，CSS属性

cursor:pointer不再执行任何操作，JS函数也不再工作。我已经测试过了，其他函数在调用时仍然运行，只是这一个没有。经过一点测试，我得出结论，这是因为JS函数中的最后一行。当我发表评论时，一切都很好（除了头部没有显示）。我不明白发生了什么，我认为这是一个HTML问题，但没有线索。有人知道为什么会这样吗

提前感谢。
问题在于，您的“内容”块位于文档中的菜单之后，因此当它们可见时，它们会覆盖菜单


我更新了CSS：

.content {
    position: relative;
    height: 100%;
    overflow: hidden;
    margin-top: 40px;
    display: none;
}

我还添加了CSS来消除“游戏场”的影响

诊断这样的问题可能很棘手，但开发人员工具（“inspector”）通常会使诊断容易得多。
问题在于，您的“内容”块位于文档中的菜单之后，因此当它们可见时，它们会覆盖菜单


我更新了CSS：

.content {
    position: relative;
    height: 100%;
    overflow: hidden;
    margin-top: 40px;
    display: none;
}

我还添加了CSS来消除“游戏场”的影响

诊断这样的问题可能很棘手，但开发人员工具（“inspector”）通常会使诊断容易得多。
问题在于，您的“内容”块位于文档中的菜单之后，因此当它们可见时，它们会覆盖菜单


我更新了CSS：

.content {
    position: relative;
    height: 100%;
    overflow: hidden;
    margin-top: 40px;
    display: none;
}

我还添加了CSS来消除“游戏场”的影响

诊断这样的问题可能很棘手，但开发人员工具（“inspector”）通常会使诊断容易得多。
问题在于，您的“内容”块位于文档中的菜单之后，因此当它们可见时，它们会覆盖菜单


我更新了CSS：

.content {
    position: relative;
    height: 100%;
    overflow: hidden;
    margin-top: 40px;
    display: none;
}

我还添加了CSS来消除“游戏场”的影响

诊断这样的问题可能很棘手，但是开发人员工具（“inspector”）一般来说，这样做会容易得多。
点击F12打开开发人员控制台，查看是否有任何javascript错误。是否可以使用代码进行编辑？点击F12打开开发人员控制台，查看是否有任何javascript错误。是否可以使用代码进行编辑？点击F12打开开发人员控制台，查看是否有任何javascript错误。是否可以你可以用你的代码做一个测试吗？点击F12打开开发者控制台，看看你是否有javascript错误。你可以用你的代码做一个测试吗？我只是使劲地掌心，谢谢你的回复，它成功了！谢谢你的提示，我以后一定会记住的。我只是使劲把脸捂在手掌上，谢谢你的回应，它奏效了！谢谢你的提示，我以后一定会记住的。我只是使劲把脸捂在手掌上，谢谢你的回应，它奏效了！谢谢你的提示，我以后一定会记住的。我只是使劲把脸捂在手掌上，谢谢你的回应，它奏效了！谢谢你的提示，我以后一定会记住的。