Почему выводится только первая функция?

Question

[Valsin]

Здравствуйте! Подскажите, пожалуйста, почему выводится только первая функция, а при клике по остальным модальное окно не выводится

$(document).ready(function(){
	$('.navbar-button').on("click", function(){
		$('.callback').show()
	});
	$('.prices-block__href').on("click", function(){
		$('.callback').show()
	});
	$('.button-cb').on("click", function(){
		$('.callback').show()
	});
        $('.callback-popup__close').on("click", function(){
               $('.callback').hide();
        });
        $('body').on("click", function(event) {
            if ($(event.target).closest('.callback-popup').length || $(event.target).closest('.navbar-button').length) 
        return;
        $('.callback').hide();
        });
});

Comments

[WapSter]

html код добавь или дай ссылку на код.

[Valsin]

Тимур Турсунбаев, https://codepen.io/katerina-shmidt/pen/MWgRdde

Answer 1

[Valsin]

Необходимо было добавить

$('.callback-popup__close').on("click", function(){
		$('.callback').hide();
	});
	$('body').on("click", function(event) {
		if ($(event.target).closest('.callback-popup').length 
                || $(event.target).closest('.navbar-button').length 
                || $(event.target).closest('.button-cb').length 
                || $(event.target).closest('.prices-block__href').length) return;
		$('.callback').hide();
	});
});