jQuery帮助-菜单

Question

我试图获取它，以便当您单击搜索栏图标时，菜单缓慢消失，但是代码中有一些不正确的内容，并且不会切换。其卡住为隐藏状态。

好的更新我修复了代码，但是单击搜索图标后切换动画的效果不起作用。这是新代码 脚本代码

<script type="text/javascript">
$(document).ready(function () {
    $('#search').click(function () {
        $('.menu-item').toggleclass("hide-item")
    })

CSS代码

.menu ul li a.menu-item
{
    transform: scale(1);
    transition: 0.5s;
    display: block;
}

.menu ul li a.menu-item.hide-item
{
    transform: scale(0);
}