jquery怎么实现多个事件相结合？

现在要实现这么一个需求，**点击按钮A，弹出菜单，再点击一次，菜单消失掉，或者鼠标移出
菜单范围 菜单消失**，求代码啊。

 <style>
#a1{
width:100px;
height:100px;
border:red 1px solid;
display:none;
}
</style>
 1<div id="a1" >菜单</div>1
    1<button>点击显示</button>1

 $('button').click(function(){
$('#a1').toggle()
})

$("#a1").mouseleaver(function(){
$(this).css("display","none");
})
$("button").click(function(){
$("#a1").toggle();
})