JSFiddle - React, Tailwind, and code Playground

HTML

<div id="productMenu">
  <a href="galaxyTab" class="showproducts">Galaxy Tab</a>
  <a href="iphone" class="showproducts">Iphone</a>
  <a href="hpslate" class="showproducts">HP Slate</a>
</div>
 
<div id="article">
<div class="products galaxyTab" style="">Galaxy Tab</div>
<div class="products iphone" style="display:none">Iphone</div>
<div class="products hpslate" style="display:none">HPslate</div>
</div>

JavaScript

$('a.showproducts').click(function(e){
        e.preventDefault();
        var a_href = '.'+ $(this).attr('href');
        $('.products').hide();
        $(a_href).show();
 });