Tenho uma estrutura HTML de uma <table>
onde eu tenho um <tr>
com duas <td>
com a seguinte estrutura:
<tr>
<td class="w-25 text-nowrap">
<label><input class="form-check-input" type="checkbox" name="Lindy-125 (Azul)" id="variation_1">Lindy-125 (Azul)</label>
</td>
<td>
<div class="form-check-inline">
<div class="mr-3">
<label> <input class="form-check-input ml" type="checkbox" name="Centro de Caucaia" id="store_1"> Centro de Caucaia</label>
</div>
<div class="mr-3">
<label> <input class="form-check-input ml" type="checkbox" name="Sul de Caucaia" id="store_2"> Sul de Caucaia</label>
</div>
</div>
</td>
</tr>
Na primeira <td>
eu tenho um campo checkbox, no momento que eu marcar esse checkbox eu quero poder mostrar o próximo <td>
dessa mesma <tr>
e se caso for desmarcado eu esconda ele. Como eu poderia fazer isso?
Testei com jQuery não deu muito certo.