.cart-triggerをクリックでカートの中身の画面が表示されると思うのですが、モーダルのようにカートのウインドウ以外の領域をクリックで非表示にしたいと考えております。

function.jsに下記コードを記述したのですが、動作しませんでした。
どうすれば実現できるのでしょうか？

$(document).on('click touchend', function(event) {
if (!$(event.target).closest('#cart').length) {
$('#cart').removeClass('is-visible');
}
});