521 karma · joined January 15, 2009
Changing the display style (display:none; to display:block;) disables CSS animations and transitions. There are workarounds - setting height to 0 and switching to auto, then animating the opacity - or moving the element off the screen.
Took me a while to figure out why my simple animations weren't working... I had gotten used to display:none; not sure how I feel about height:0;
This works:
function pushGather(){if(!$("#gatherButton").hasClass('disabled')){$("#gatherButton").trigger('click');}}setInterval(pushGather, 1000);
function pushCheck(){if(!$("#trapsButton").hasClass('disabled')){$("#trapsButton").trigger('click');}}setInterval(pushCheck, 1000);
function pushStoke(){if(!$("#stokeButton").hasClass('disabled')){$("#stokeButton").trigger('click');}}setInterval(pushStoke, 60000);
Outlook is, at times, guilty of this.
That said, ranger seems pretty slick for what it is.