Здравствуйте! Использую следующий код:
<ul class="social">
<li>
<a href="" class="social-icon" > <i class="fa fa-vk" data-showit="vk"></i></a>
</li>
<li>
<a href="" class="social-icon"> <i class="fa fa-instagram" data-showit="instagramm"></i></a>
</li>
<li>
<a href="" class="social-icon"> <i class="fa fa-twitter" data-showit="twitter"></i></a>
</li>
<li>
<a href="" class="social-icon"> <i class="fa fa-quora" data-showit="quora"></i></a>
</li>
</ul>
Каким способом я могу прикрутить к каждому классу иконки звук (
для теста возьмем этот) используя событие onmouseover? При этом менять звук на следующий после наводки на другой элемент списка.