Выпадающая форма входа в систему не работает в Wordpress

Question

Итак, у меня есть настройка экрана входа в систему после следующих уроков и руководств в Интернете. Я поставил код в jsfiddle: Jsfiddle. Теперь я не могу заставить код работать. Я совершенно новый для 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('▼') 
    }) 
}); 

---

Изображение моей 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');