I want that if someone choose a bank from the upper options, he will be able to see the below div with bank name with options. Otherwise it should remain hidden. I have zero knowledge of javascript so need your help.
<select style="border-radius: 4px;background-color:#400d48;color:white;" class="form-control">
<option value="xxxxxx"> xxxxx</option>
<option value="Bank"> Bank</option>
<option value=" xxxxx"> xxxxx</option>
<option value="xxxxxxxx"> xxxxxx</option>
</select>
<div class="sub3 col-md-12 col-lg-12 col-sm-12 col-12 mx-2 my-2" style="text-align: left;">
<label for="floatingPassword" class="fw-bold">Bank Name</label>
</div>
<div class="sub3 col-lg-11 col-md-11 col-sm-11 col-11">
<select style="border-radius: 4px;background-color:#400d48;color:white;" class="form-control" name="bank_name">
<option class="bank1" value="xxxxxxxx">BANK xxxxxxxxx</option>
<option class="bank1" value="xxxxxxxxxxx">BANK xxxxxxxxx</option>
</select>
</div>