如果单击页面上的所有位置（该div之外），则JS将按类隐藏div

Question

我有这个小代码：

<div id="parent">
    <div class="selected" onClick="showItems(this)">

    </div>
    <div class="items">

    </div>
</div>
<script>
function showItems(el){
    var id = el.parentNode.id;
    var carts = document.getElementById(id).getElementsByClassName('items')[0];

    if(carts.style.display === 'none'){
        carts.style.display = 'block';
    } else{
        carts.style.display = 'none';
    }

}
</script>

我想隐藏class = items div，该div具有父级id = parent。

是否有一个纯粹的JS解决方案可以隐藏div（如果它处于活动状态），并且我可以在div之外的其他任何位置单击它，即使在它的父级上也可以，但是要在打开它时在其内部单击而不向其添加id ？

谢谢！ ：D