For further information, please visit this link
To complete this task, start by clicking on the pink-colored div. A black-colored div will then appear containing three text boxes. The first textbox will already have the value 'a'. Next, enter values into the second and third text boxes before moving away from the div. If you click on the pink div again, the black div will reappear with all three text boxes filled with your previous input. Is there a way to prevent the second and third text boxes from retaining the entered values upon reopening? Ideally, they should revert back to their original empty state without needing to reload the page.
$(document).ready(function () {
$("#xxx").click(function () {
$("#aaa").show();
$('#a').focus();
});
var timer;
$("#aaa input").blur(function () {
timer = setTimeout(function () {
$("#aaa").hide()
}, 50);
}).focus(function(){
clearTimeout(timer)
});
});