JSFiddle - React, Tailwind, and code Playground

by teneff

HTML

<a href="#apple" rel="class" data-class="display">Apple</a>
<a href="#android" rel="class" data-class="display">Android</a>
<a href="#sony" rel="class" data-class="display">SONY</a>
<div id="apple">Apple App Download</div>
<div id="android">Android App Download</div>
<div id="sony">SONY App Download</div>

CSS

div {
    display: none;
}
div.display {
    display: block;
}

JavaScript

$(document).ready(function(){
	$('a[rel=class]').hover(function(e){
		$( $(this).attr('href') ).toggleClass( $(this).data('class'), e.type=='mouseenter');
	});
});