JSFiddle - React, Tailwind, and code Playground

HTML

<div id="info-content" class="info-content" style="cursor: pointer;">
								<div class="info-content-title">
									<div class="g-item" onclick="$('#info-content-body-1').toggle();">TEST</div>
									<div id="info-content-body-1" style="z-index: 100;display: none;">
											<div class="info-close"><a href="#" onclick="document.getElementById('info-content-body-1').style.display = 'none'; return false"><img src="/media/maps/info_close.gif" alt="Закрыть"></a></div>
											<div class="info-content-body-item">Адрес: {{shop.addres}}</div>
											<div class="info-content-body-item">Часы работы: {{shop.workhours}}</div>
											<div class="info-content-body-item">Телефоны: {{shop.phones}}</div>
											<div class="info-content-body-link"><a href="/page/contact_maps/?shop={{shop.city.pk}}">Показать на карте</a></div>
											<strong>{{metro.city.other_information}}</strong>

									{%endfor%}
								</div>

						<div id="info-content" class="info-content" style="cursor: pointer;">
								<div class="info-content-title">
									<div class="g-item" onclick="$('#info-content-body-2').toggle();">TEST2</div>
									<div id="info-content-body-2" style="z-index: 100;display: none;">
											<div class="info-close"><a href="#" onclick="document.getElementById('info-content-body-2').style.display = 'none'; return false"><img src="/media/maps/info_close.gif" alt="Закрыть"></a></div>
											<div class="info-content-body-item">Адрес: {{shop.addres}}</div>
											<div class="info-content-body-item">Часы работы: {{shop.workhours}}</div>
											<div class="info-content-body-item">Телефоны: {{shop.phones}}</div>
											<div class="info-content-body-link"><a href="/page/contact_maps/?shop={{shop.city.pk}}">Показать на карте</a></div>
											<strong>{{metro.city.other_information}}</strong>

									{%endfor%}
								</div>

JavaScript

$('#example').popover(options)