title: jquery show()/Hide() not firing after first click
body: <p>I can't figure out why this script will not fire after the first click event.  The show() function works perfectly, but the hide() will not work.</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
  $(document).ready(function() {
      $(".event.hidden").click(function () {
        var div_id = this.id.replace(/But/, 'Div');
        $("#" + div_id).show('slow', 'linear'); 
        $(this).attr("src", "images/but_hide_event.png");
        $(this).removeClass('hidden').addClass('shown');  
      });
      $(".event.shown").click(function () {
        var div_id = this.id.replace(/But/, 'Div');
        $("#" + div_id).hide('slow'); 
        $(this).attr("src", "images/but_event_info.png");
        $(this).removeClass('shown').addClass('hidden');
      });
  });
  &lt;/script&gt;
  </code></pre>
  
  <p>The page in question is at <a href="http://randykrohn.com/schedules.php?Param=all" rel="nofollow">http://randykrohn.com/schedules.php?Param=all</a></p>