Question

我正在尝试切换在我的页面上显示某些内容，但它会显示但在我再次单击该按钮后不会隐藏。当我单击按钮时，我要显示的部分显示得很好，但是当我再次单击它时，它不会隐藏。这是我的代码。

<head>
    <script src="JQ.js"></script>
    <script>
        $(document).ready(function() {
            $(".thingy").hide();
            $(".show_button").click(function() {
                $(".thingy").toggle();
            });
        });
    </script>
</head>
<body>
    <div class="show_button_box">
        <div class="menu">
            <div class="show_button" style="color:black;font-weight:bold;text-decoration:underline;position:relative;top:-8px;left:15px;">Show</div>
        </div>
    </div>
</body>

/ *我的php在这里* /

    echo"
    <div class='thingy' onclick='$(\"thingy\").hide();'>
    <div id=\"container\">
    <div class=\"menu\">
    <div class=\"button\" onclick=\"loadpage('bots','Bot Creator');\"><b style='color:black'>Create Bot</b></div><br /><br />
    <div class=\"button\" onclick=\"loadpage('close','Emergancy Close Client');\" style=\"background-color:red;color:black;font-weight:bold;border-radius:6px;\">Emergency Close.</div><br /><br />
    <div class=\"button\" onclick=\"loadpage('news','Spark News.');\" style=\"background-color:lime;color:black;font-weight:bold;border-radius:6px;\"   >Spark News.</div></div><br /><br />
    <div id=\"addedcontent\">       
    <div id=\"b-header\">            header                    </div>       
    <div id=\"b-content\">            content        </div>    </div></div></div>";
}

Answer 1

在你的php中

你错过了css选择器中的.

<div class='thingy' onclick='$(\".thingy\").hide();'>

Jquery切换只显示，而不是隐藏

1 个答案: