JQuery显示和隐藏div在鼠标点击(动画)

This is my HTML code:

这是我的HTML代码:

<div id="showmenu">Click Here</div>
<div class="menu" style="display: none;">
    <ul>
        <li>Button1</li>
        <li>Button2</li>
        <li>Button3</li>
    </ul>
</div>
<div id="