我已经尝试了很多方法来实现这一点，但是我尝试的每一种方法都不想按我想要的那样去做。所以我在这里。
我有一个登录掩码，只有在用户未登录时才可见，但它是永久可见的，并且覆盖了一些重要区域。所以我的想法是：通过切换隐藏它。
我知道这需要HTML、CSS和Javascript，所以让我们这样做吧。
以下是我所在位置的视觉表示：
现在我想要Login-Widget to only show AFTER you click the "Login" text 向上。
默认情况下隐藏Div-CSS：display：none<a>-具有的元素href="#"因此，如果单击文本“Login”，则会显示登录掩码，如果再次单击，则会消失。只是普通切换。
我想最好的办法是div.toggleClass("open") 或者类似的东西。
Any help is appreciated!
edit01:我的想法是：函数。php
<script>
$( "a.toggle").click(function() {
$("div.log_forms").toggleClass( "open" );
});
</script>
edit02:
该站点正在加载JavaScript，如标题部分的其他行所示。代码是正确的，因为我以前在另一个站点上使用过它（尝试了#和）
最合适的回答,由SO网友:webtoure 整理而成
你用速记法打错了jQuery$. 如果您查看控制台，您将看到一个错误$ 不是函数/未声明的etc（如果我没有错的话，这是由于jQuery的冲突模式）。
您的代码应该如下所示：
<script type="text/javascript">
jQuery(function($) {
$( "a.toggle").click(function() {
$("#log_forms").toggleClass( "open" );
});
});
</script>
