如果在DIV外单击，请使用jQuery隐藏

Question

如果你点击它之外隐藏#shoppingBag，但切换功能仍应有效。

感谢您的帮助。

这是我的代码：

   $(document).ready(function () {

        $('.button-cart').click(function(){
          $('#shoppingBag').toggle();
        });

    }); 

HTML

<span class="button-cart">Warenkorb</span>

<div id="shoppingBag"></div>