my select option group is like
<select multiple class="form-control form-white" data-placeholder="Select Courses">
<option value="all">All</option>
<optgroup label="Play School">
<option value="1">All</option>
<option value="2">Sec A</option>
<option value="3">Sec B</option>
</optgroup>
<optgroup label="Nursery">
<option value="1">All</option>
<option value="2">Sec A</option>
<option value="3">Sec C</option>
</optgroup>
<optgroup label="LKG">
<option value="1">All</option>
<option value="2">Sec B</option>
when i click the main option All remain class option group should be empty, if i click the nursery option-group 'All',the remain section like(Sec A,Sec B) will be disable.is it possible through jquery?