JSFiddle - React, Tailwind, and code Playground

HTML

<img data-type2="pants" class="element" src="http://blog.hilncore.com/wp-content/uploads/2011/05/baby-ducks-7.jpg" />
<div class="pants-001"></div>
<div class="pants-002"></div>
<div class="shoes-001"></div>

CSS

.pants-001 {
    height: 50px;
    width: 50px;
    background-color: green;
}
.pants-002 {
    height: 50px;
    width: 50px;
    background-color: blue;   
}
.shoes-001 {
    height: 50px;
    width: 50px;
    background-color: red;   
}

JavaScript

$(function() {
    $('.element').click(function(){
       $('div[class*='+$(this).attr('data-type2')+']').hide();
    });
});