Hi all,

I've got some jquery that animates an arrow reminding users to logout when they have finished. This is currently set to run when the doc is ready. Users can click another button to edit their content, but after editing, they return to the main page and the arrow animates again, which would be annoying. I'm quite new to jquery and wondered how I could make this happen once, either triggering it only after they login to the main page, or when the session starts? Or can I set the jquery to execute, then disable for 30 mins or something? Not sure about the best way to do this. Thanks

$(document).ready(function() {
$("#logoutArrow").css("display","none");
$("#logoutArrow").delay(500).fadeIn(1000);
$("#logoutArrow").animate({ left: -140 }, {duration: 300, easing: 'swing'})
$("#logoutArrow").animate({ left: -130 }, {duration: 300, easing: 'swing'})
$("#logoutArrow").animate({ left: -140 }, {duration: 300, easing: 'swing'})
$("#logoutArrow").animate({ left: -130 }, {duration: 300, easing: 'swing'})
$("#logoutArrow").animate({ left: -140 }, {duration: 300, easing: 'swing'})
$("#logoutArrow").animate({ left: -130 }, {duration: 300, easing: 'swing'})
$("#logoutArrow").delay(3000).fadeOut(1000);
});