HideForm
HTML
<form id="form183" action="" method="post" class="clockBtn">
<input type="hidden" name="entryId" value="183" />
<input type="hidden" name="running" id="running" value="1" />
<input type="hidden" name="isRecord" id="isRecord" value="1" />
<input type="button" value="Button1" name="submit" class="timetrack"/>
</form>
<form id="form184" action="" method="post" class="clockBtn">
<input type="hidden" name="entryId" value="184" />
<input type="hidden" name="running" id="running" value="1" />
<input type="hidden" name="isRecord" id="isRecord" value="1" />
<input type="button" value="Button2" name="submit" class="timetrack"/>
</form>
<form id="form185" action="" method="post" class="clockBtn">
<input type="hidden" name="running" id="running" value="1" />
<input type="hidden" name="isRecord" id="isRecord" value="1" />
<input type="button" value="Button3" name="submit" class="timetrack"/>
</form>
JavaScript
$('.timetrack').click(function (e) {
e.stopPropagation();
var target = $(this).parent('form');
var nonParent = $('form').filter(function () {
return $(this).prop('id') != target.prop('id');
});
nonParent.toggle();
});