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.