title: Play/Pause toggle button jquery slideshow
body: <p>I created a slideshow, but I am having trouble adding a Pause/Play toggle button. Any idea what I'm doing wrong? The button isn't toggling correctly or pausing the slideshow.</p>
  
  <p>Here is my jsfiddle: <a href="http://jsfiddle.net/L7yKp/103/" rel="nofollow">http://jsfiddle.net/L7yKp/103/</a> </p>
  
  <p>This is the part I'm having trouble with: </p>
  
  <pre><code>  $('#stop').click( function() {
           stop();
           showPlay();
           } );
  
    $('#play').click( function() {
           start();
           showPause();
           } );
  
     function showPause() {
        $('#play').hide();
        $('#stop').show();
         }
  
      function showPlay() {
         $('#stop').hide();
         $('#play').show();
         }
  </code></pre>