jQuery垂直菜单问题

Question

我创建了一个垂直菜单，可以通过单击功能打开和关闭。客户想要这个，我实际上无法控制菜单的设计。话虽如此，我还有一些问题需要帮助。首先打开子菜单并且您没有悬停在菜单上，则不再显示子菜单。此外，当您使用ul打开子菜单时，如果再次单击同一链接，则只允许关闭该子菜单。任何帮助都会很精彩。谢谢！

    $(document).ready(function() {
    var submenu = $('#cssmenu ul .has-sub');
    var hidden = true; 
    submenu.click(function() {
    if (hidden) {
    $(this).animate({width: '280px'});
    } else {
    $(this).animate({width: '140px'});
    }
    hidden = !hidden;
    });
    }); 

https://jsfiddle.net/enks2ky0/