JSFiddle - React, Tailwind, and code Playground

HTML

<div id="course1">
    <div class="engineering">engineering</div>
    <div class="mba">mba</div>
    <div class="information technology">information technology</div>
    <div class="finance">finance</div>
    <div class="others">others</div>
</div>
<br />
<br />
<br />
<div id="course2">
    <div class="engineering">engineering</div>
    <div class="mba">mba</div>
    <div class="information technology">information technology</div>
    <div class="finance">finance</div>
    <div class="others">others</div>
</div>

JavaScript

$(document).ready(function(){
    $("#course1 .management, #course .mba, #course .finance").hide();
$("#course2 > .management, .mba, .finance").hide();
});