JSFiddle - React, Tailwind, and code Playground

HTML

<center>
		<center class=" additions main_factors_div" >4 фактор(ов)</center>
		<center class="additions main_connect_div">5 связь(ей)</center>
	</center>

CSS

.additions {display:inline-block;padding:15px;background-color:#E5E5E5;margin:30px}
		.additions:hover{background-color:#C3C3C3}
		
		.div_connect {display:block;padding:15px;background-color:#E5E5E5;margin:10px 100px}
		.div_connect:hover{background-color:#C3C3C3}

JavaScript

$(document).ready(function () {
			doc_w = $(window).width()-50;
			additions_div_width=(doc_w-300)/2;
			$('.additions').css({"width":additions_div_width})
			$('.main_connect_div').one("click",show_connect)
			
		})
		
		function show_connect(){
			$('.main_factors_div').hide(7000);
						
		}