ボックスをクリックして、ボックス以外のところに隠します.

$(function(){
  $('.screen-nav li').on('click',function(e){
    $('.screen-box').show();
    $(document).one('click',function(){
        $('.screen-box').hide();
    })
    e.stopPropagation();/*stopPropagation();                */
    $(".screen-box").on("click", function(e){
        e.stopPropagation();
    });
  })    
})