下拉登录表单不适用于Wordpress

Question

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

$(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('▼')
    })
});

---

我的functions.php图片：

Answer 1

在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' );