JSFiddle - React, Tailwind, and code Playground

HTML

<div id="course1">
    <div class="managment">engineering</div>
    <div class="mba">mba</div>
    <div class="engineering">Engineering</div>
    <div class="IT">InfoTech</div>
    <div class="others">others</div>
</div>
<br />
<br />
<br />
<div id="course2">
    <div class="managment">managment</div>
    <div class="mba">mba</div>
    <div class="engineering">engineering</div>
    <div class="IT">Info Tech</div>
    <div class="others">others</div>
</div>

JavaScript

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