<div class="desabilitar">
<input type="text" >
<label>Input 1</label>
</div>
<div class="desabilitar">
<input type="text" >
<label>Input 2</label>
</div>
<div class="desabilitar">
<input type="text" >
<label>Input 3</label>
</div>
<div class="desabilitar">
<input type="text" >
<label>Input 4</label>
</div>
Quiero deshabilitar un grupo de divs al poner el mouse sobre ellos pero quiero volver a habilitarlos cuando el mouse no este sobre ellos. El problema es que una vez deshabilitados no puedo volver a habilitar esos divs.
$('.desabilitar').hover(
function () {
$('.desabilitar').prop('disabled', true);
},
function () {
$('.desabilitar').prop('disabled', false);
}
);