Penggunaan sibling , nextsibling pada javascript untuk dropdown

saya mempunyai kode sbb

<div class="menu">
            <ul class="menu-list">
                <li class="menu-listed">
                    <a href="#home" class="link">User Management</a>
                    <ul class="menu-trees">
                        <li><a href="#home">#home</a></li>
                    </ul>
                </li>
            </u

.menu-trees{
display:none;
}
.tree{
display:block;
}

const list = document.querySelectorAll('.menu-listed')

const tree = document.querySelectorAll('.list')

list.forEach(function(el){
        el.addEventListener('click',function (event) {
                event.target.nextElementSibling.classList.toggle('tree')
        })
});

bagaimana cara menambahkan transisi / animasi nya ?