Заранее всем благодарен.
Есть код, в нём 4 блока,(item-container) хочу что бы при наведении на определённый блок появлялся пятый div
(info-window) и в зависимости от наведённого блока в пятом диве выводился определённый текст, подскажите как сделать это всё на js, буду очень благодарен.
<div class="team-item">
<div class="row">
<div class="col-xl-3">
<div class="item-container schmitt">
<img src="img/team/1Michael.jpg">
<h6 class="team-name">Michael Schmitt</h6>
<p class="profession">Founder & CEO</p>
</div>
</div>
<div class="col-xl-3">
<div class="item-container kramer">
<img src="img/team/2David.jpg">
<h6 class="team-name">David Krämer</h6>
<p class="profession">Lead Developer</p>
</div>
</div>
<div class="col-xl-3">
<div class="item-container schroder">
<img src="img/team/3Anna.jpg">
<h6 class="team-name">Anna Schröder</h6>
<p class="profession">Designer</p>
</div>
</div>
<div class="col-xl-3">
<div class="item-container teichmann">
<img src="img/team/4Jason.jpg">
<h6 class="team-name">Jason Teichmann</h6>
<p class="profession">Consultant</p>
</div>
</div>
</div>
<div class="info-window"></div>
</div>