I have this piece of HTML:
<tr class="acord">
<td colspan="4"><input class="marcatodos" type="checkbox" value="1"/>Clientes</td>
</tr>
<tr>
<td>
<label>
<input name="vCliente" class="marcar" type="checkbox" checked="checked" value="1" />
<span class="lbl"> Visualizar Cliente</span>
</label>
</td>
<td>
<label>
<input name="aCliente" class="marcar" type="checkbox" value="1" />
<span class="lbl"> Adicionar Cliente</span>
</label>
</td>
<td>
<label>
<input name="eCliente" class="marcar" type="checkbox" value="1" />
<span class="lbl"> Editar Cliente</span>
</label>
</td>
<td>
<label>
<input name="dCliente" class="marcar" type="checkbox" value="1" />
<span class="lbl"> Excluir Cliente</span>
</label>
</td>
</tr>
and this jQuery script:
$(".acord").click(function() {
$(this).next("tr").slideToggle(1);
});
That's what the HTML generates:
The jQuery hides the row below the one with a title (class accord
)
My problem is that when I click on the checkbox, the jQuery triggers it anyway.
How can I make it so the function only runs when I click outside the checkbox?
Aucun commentaire:
Enregistrer un commentaire