In my cell, I have a class called OnHandClass. Within this cell, there is an input field and I have set up a double click event to trigger when the cell is clicked. I have experimented with various methods to change the visibility of the closest input element but have not been successful. Here are three attempts that did not work. Can you pinpoint what I am overlooking?
<input type="text" class="OnHandEditClass" value="1" style="display: none;">
<td class="OnHandClass">
1
<input type="text" class="OnHandEditClass" value='1'>
</td>
$('.OnHandClass').dblclick(function (evt) {
$(this).next(":text").css("display", "inline");
$(this).next("input[type='text']").show();
$(this).closest('input').css("display", "inline");
});