https://vanvan.ru/t/v1039/images/js/dop_popup.js

1;(function($) {
2	'use strict';
3	
4	$(function(){
5		
6		$(".param-tooltip").on('click', function(){
7			let $this = $(this),
8	        	block = $this.find('.popup-param-in2'),
9	        	left = $this.offset().left,
10	        	width = $(window).width(),
11	        	blockWidth = block.outerWidth();
12	        	
13	        $('.popup-param-in2').hide().removeAttr('style');
14	        	
15	        if($(window).width() < 431) {
16	        	let newWidth = $(window).width() - 30;
17	        	block.css('width', newWidth);
18	        	blockWidth = newWidth;
19	        }
20	        
21	        if(left + blockWidth > width) {
22	        	let margin = width - (left + blockWidth) - 31;
23	        	console.log(margin)
24	        	block.css('margin-left', margin)
25	        }
26	        
27			block.show();
28		});
29		
30		$(document).click(function(event) {
31			if ($(event.target).closest(".param-tooltip").length || $(event.target).closest(".popup-param-in2").length) return;
32			$('.popup-param-in2').hide().removeAttr('style');
33		});
34		
35	});
36	
37})(jQuery);