Блог

У меня есть меню, которое я хочу переключать, как только пользователь нажимает на значок пользователя, но сейчас оно не работает, и я не знаю почему. Я был бы очень признателен, если бы кто-нибудь мог помочь мне это исправить. Мой код прямо сейчас:

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
    $(document).ready({
        $('.account-icon').click(function({
            $('.MenujQuery').toggle('slow');
        }))
    });
</script>

<div id="user-menu">
    <img class="account-icon" src="/img/logicon.png" alt="Your Profile">
    <ul class="MenujQuery" style="display: none">
        <li class="user-item"><a href="/index.php?action=profile">Update profile</a></li>
        <li class="user-item"><a href="/index.php?action=purchases">My purchases</a></li>
        <li class="user-item"><a href="/index.php?action=logout">Log out</a></li>
    </ul>
</div>
 

Весь код jQuery синтаксически бессмыслен. Вот как это должно выглядеть:

 $(document).ready(function() {
    $('.account-icon').click(function() {
        $('.MenujQuery').toggle('slow');
    })
});
 

Похоже, вы вручную скопировали код откуда-то еще, не понимая, что он делает, и, кстати, перепутали синтаксис. Я предлагаю сначала выполнить несколько руководств.