Javascript Konami Code, FadeIn/FadeOut Div
<p>Any JavaScript pros out there? I've got a div that I've managed to fade in after entering the konami code, and a button that you can click to fade out the div, but I have to refresh in order to re-enter the konami code. I want to be able to continually enter in the konami code without having to refresh the page. Ideally, I'd like to remove the button, but I can't seem to get things to work just using if statements. </p>

<p>Here's what I have so far:</p>

<pre><code>&lt;script
  src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" 
  type="text/javascript"&gt;&lt;/script&gt;

&lt;script type= "text/javascript"&gt;
var kkeys = [], konami = "38,38,40,40,37,39,37,39,66,65,13";
$(document).keydown(function(e) {
  kkeys.push( e.keyCode );
  if ( kkeys.toString().indexOf( konami ) &gt;= 0 )
  {
    $(document).unbind('keydown',arguments.callee);
    $(document).ready(function()
    {
      $(".konami").fadeIn(1000);
    });
  }
});

&lt;/script&gt;
&lt;script type="text/javascript"&gt;

$(document).ready(function(){

  $(".btn1").click(function(){

  $(".konami2").fadeOut(1000);

  });
});
&lt;/script&gt;

&lt;div class ="konami" style="display: none"&gt;
&lt;p class ="konami2"&gt;

Hello! Type "bye" to remove!

&lt;/p&gt;
&lt;button class="btn1"&gt;Fade out&lt;/button&gt;
&lt;/div&gt;
</code></pre>
