Is there a way to make the entire screen reset to its original state with just one click anywhere on the screen, rather than having to click a specific button? Any assistance on this matter would be greatly appreciated. Thank you!
JQUERY CODE
$(".readNowbutton").click(readNow);
function readNow() {
$(".bookBox-1, .bookBox-2, .bookBox-3, .bookBox-4, .bookBox-5").animate({
top: "800",
});
$(".selectStoryBox").animate({
right: "2800",
});
$(".bookDescription-1").delay(1000).animate({
top: "120",
});
$("hr").slideToggle();
$("hr").unbind("click");
$(".readNowbutton").unbind("click");
$(".readNowbutton").click(readNowReverse);
}
//REVERSES FULL STORY
function readNowReverse() {
$(".bookBox-1, .bookBox-2, .bookBox-3, .bookBox-4, .bookBox-5").animate({
top: "0",
});
$(".bookDescription-1").animate({
top: "0",
});
$(".selectStoryBox").animate({
right: "2800",
});
$("hr").slideToggle();
}
});