JQuery помочь -меню

Question

Я пытаюсь сделать так, чтобы при нажатии на значок панели поиска меню медленно исчезало, но что-то не так с кодом и не переключало его. Он застрял как скрытый.

ok update Я исправил код, однако эффект переключения анимации после нажатия значка поиска не работает. Вот новый код Код скрипта

<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);
}