jQuery simple popover hides on click anywhere beside itself

popover_simple.js

    $(function () {
        var pop = {};
        pop.shown = false;
        pop.item = $('.popover');
      
        $('body').on('click', function(e){
            if ( e.target.className == 'button-block' ){
                if ( pop.shown == true ){
                    pop.item.hide();
                    pop.shown = false;
                } else if ( pop.shown == false ) {
                    pop.item.show();
                    pop.shown = true;
                }
            } else if ( e.target.className != 'popover-content' ){
                if ( pop.shown == true ){
                    pop.item.hide();
                    pop.shown = false;
                }
            }
        });
    })