JSFiddle - React, Tailwind, and code Playground
HTML
Part Type
<select class="part-type">
<option>Body-Parts-Sheet-Metal</option>
<option>Body-Parts-Other</option>
<option>Exhaust</option>
<option>Interior</option>
<option>Engine-Parts</option>
<option>Suspension-And-Steering</option>
<option>Electrical-Lenses</option>
<option>Electrical-Switches</option>
<option>Fuel</option>
<option>Gauges</option>
<option>Brakes</option>
<option>Wiper-System</option>
<option>Glass</option>
<option>Wheels</option>
<option>Miscellaneous</option>
</select>
Part
<select class="part">
<option class="body-parts-sheet-metal" value="front-hoods">front-hoods</option>
<option class="body-parts-sheet-metal" value="engine-lids-rear">engine-lids-rear</option>
<option class="body-parts-sheet-metal" value="trunk-lids">trunk-lids</option>
<option class="body-parts-sheet-metal" value="doors">doors</option>
<option class="body-parts-sheet-metal" value="fenders">fenders</option>
<option class="body-parts-sheet-metal" value="roofs-sunroofs">roofs-sunroofs</option>
<option class="body-parts-sheet-metal" value="sliding-doors">sliding-doors</option>
<option class="body-parts-sheet-metal" value="rear-hatches">rear-hatches</option>
<option class="body-parts-sheet-metal" value="front-aprons">front-aprons</option>
<option class="body-parts-sheet-metal" value="rear-aprons">rear-aprons</option>
<option class="body-parts-sheet-metal" value="body-cuts">body-cuts</option>
<option class="engine-parts" value="cylinder-heads">cylinder-heads</option>
<option class="engine-parts" value="flywheels">flywheels</option>
<option class="engine-parts" value="flex-plates">flex-plates</option>
<option class="engine-parts" value="intake-manifolds">intake-manifolds</option>
<option class="engine-parts" value="carburators">carburators</option>
<option class="engine-parts" value="air-cleaners">air-cleaners</option>
<option class="engine-parts"...
JavaScript
$(document).ready(function () {
$('.part-type').change(function () {
var part_type = "."+$(".part-type option:selected").text().toLowerCase();
$('.part').children().filter(":not("+part_type+")").hide();
})
});