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 id="products" class="galaxyTab" style="">
Galaxy Tab
</div>

<div id="products" class="iphone" style="display:none">
Iphone
</div>

<div id="products" class="hpslate" style="display:none">
HPslate
</div>

</div>

CSS

#productMenu a{
color:green;
display:block;
text-decoration:none;
}

#productMenu a:hover{
color:blue;

}
#article{margin-left:100px;

JavaScript

$('a.showproducts').click(function(){
        var a_href = '.'+ $(this).attr('href'); 
                     $('#article>div').hide();
                                         $(a_href).show();

       return false
    });//.click function ends here