Hide elements for current visit only
<p>I need to display a banner that sticks to the bottom of the browser. So I used these codes:</p>

<pre><code>$(document).ready(function(){
  $('#footie').css('display','block');
  $('#footie').hide().slideDown('slow');
  $('#footie_close').click(function(){
    $('#footie_close').hide();
    $('#footie').slideUp('slow'); 
  }); 
});
</code></pre>

<p>And here's the HTML:</p>

<pre><code>&lt;div id="footie"&gt;
  {banner here}
  &lt;a id="footie_close"&gt;Close&lt;/a&gt;
&lt;/div&gt;
</code></pre>

<p>I added the close link there to let user have the option to close the banner. How ever, when user navigates to next page, the banner shows up again. What can I do to set the banner to remained hidden just for this visit? In other words, as long as the browser remained open, the banner will not show up again. But if user returns to the same website another time, the banner should load again.</p>

<p>Thanks in advance for any help!</p>
