Jquery 下拉式登录表单在Wordpress中不起作用

因此，在网上学习了一些教程和指南之后，我有了一个登录屏幕设置。我已将代码放入JSFIDLE:。现在我无法让代码工作。我对Jquery很陌生，所以这可能是新手犯的错误。我遇到的问题是，当你点击login时，菜单应该下拉并显示登录表单。欢迎提供任何帮助或建议，我提前向您表示感谢

$(document).ready(function(){
  $('#login-trigger').click(function(){
    $(this).next('#login-content').slideToggle();
    $(this).toggleClass('active');          

    if ($(this).hasClass('active')) $(this).find('span').html('▲')
      else $(this).find('span').html('▼')
    })
});

---

my functions.php的图像：

---

在wordpress中，您需要编写jquery代码，如

function head_script() {?>
    <script type="text/javascript">
    (function($) {
  $('#login-trigger').click(function(){
    $(this).next('#login-content').slideToggle();
    $(this).toggleClass('active');          

    if ($(this).hasClass('active')) $(this).find('span').html('&#x25B2;')
      else $(this).find('span').html('&#x25BC;')
    });
})(jQuery);
    </script>
<?php 
}
add_action( 'wp_head', 'head_script' );

函数头\u脚本（）{？>
（函数（$）{
$（“#登录触发器”）。单击（函数（）{
$（this）.next（“#登录内容”）.slideToggle（）；
$（this.toggleClass（'active'）；
if（$（this.hasClass（'active'））$（this.find（'span'）.html（'▲；'））
else$（this.find（'span'）.html（'▼；'））
});
})（jQuery）；
更新的JSFIDLE：我看到你启用了jquery。我会仔细检查我的网站是否启用了jquery。默认情况下，wordpress会添加jquery核心文件吗？我需要将其包装在脚本标记中吗？添加你的代码而不是我自己的代码会使网站崩溃。不断地使网站崩溃。因此，我只需在我的wp头中添加html，在style.css文件中添加css。这就是好的。我正在把这段代码添加到functions.php中，这就是我可能做错的地方吗？我可以添加一个屏幕截图来澄清。添加了我的函数的屏幕截图。phpIt一直在破坏我的代码。我需要把它放在functions.php中吗？如果我在我的网站上添加一个.js文件并把代码放在那里，那不会更好吗？让我们一起来。