ocultar columnas de la tabla automáticamente marcando una casilla con jQuery
Quiero mostrar 3 casillas de verificación que están marcadas previamente, pero tan pronto como el usuario desmarca una casilla, la columna relacionada desaparece.
<p><input type="checkbox" name="first_name" checked> First Name</p>
<p><input type="checkbox" name="last_name" checked> Last Name</p>
<p><input type="checkbox" name="email" checked> Email</p>
HTML rendido de la tabla
<table id="report>
<thead>
<tr>
<th class="first_name">First Name</th>
<th class="last_name">Last Name</th>
<th class="email">Email</th>
</tr>
</thead>
<tbody>
<tr>
<td class="first_name">Larry</td>
<td class="last_name">Hughes</td>
<td class="email">[email protected]</td>
</tr>
<tr>
<td class="first_name">Mike</td>
<td class="last_name">Tyson</td>
<td class="email">[email protected]</td>
</tr>
</tbody>
</table>
Me imagino que tendrá que ver con un evento de clic en vivo, configurando cada clase en .hide ()
Cualquier ayuda es apreciada