title: JQuery Cycle not working right
body: <p>I am trying to do a function after my first slide has shown. I basically want to do the same function after each slide, but my 2nd slide is just still. Nothing is fading in or coming in.</p>
  
  <p>Here is my JQuery</p>
  
  <pre><code>$("#slideshow").cycle({
              fx: 'scrollHorz',
              pager: '#slideshow-nav',
              speed: 600,
              timeout: 7000,
              pauseOnPagerHover: true,
              containerResize: false,
              slideResize: false,
              fit: 1,
              before: beforeSlide,
              after: afterSlide
          });
  
          function beforeSlide() {
              $("#slideText").css('padding-left', '0px');
              $("#slideText").css('opacity', '0');
          }
  
          function afterSlide() {
              $("#slideText").animate({ opacity: 1, paddingLeft: '+=100px'}, 600);
          }
  </code></pre>
  
  <p>Here is my html</p>
  
  <pre><code>    &lt;div id="slideshow" class="slides"&gt;
      &lt;div class="slide" style="background-image: url('slideOne.jpg'); background-color: #e3d7bd;"&gt;
          &lt;div id="slideText"&gt;
              &lt;h1&gt;asdf&lt;/h1&gt;
              &lt;br /&gt;
              &lt;p&gt;asdf&lt;/p&gt;
              &lt;p&gt;asdf&lt;/p&gt;&lt;br /&gt;
              &lt;a href="" class="started"&gt;Get started today&lt;/a&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  
      &lt;div class="slide" style="background-color: #fff;"&gt;
          &lt;img class="slideTwoImage" src="slideTwoKid.png"&gt;&lt;/img&gt;
          &lt;div id="slideText"&gt;
              &lt;h1&gt;Test.&lt;/h1&gt;
              &lt;br /&gt;
              &lt;p&gt;asdf&lt;/p&gt;
              &lt;p&gt;asdf&lt;/p&gt;&lt;br /&gt;
              &lt;a href="" class="started"&gt;Get started today&lt;/a&gt;
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;!-- &lt;div class="slide" style="background-image: url('slideTwo.jpg'); background-color: #fff; display: none;"&gt;&lt;/div&gt;
      &lt;div class="slide" style="background-image: url('slideThree.jpg'); background-color: #000; display: none;"&gt;&lt;/div&gt; --&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>It works for the first slide..the animation for the text, but on the 2nd slide it is not working.</p>