title: Using jQuery cycle plugin to cycle through divs
body: <p>I'm trying to cycle through a few divs that are generated dynamically through wordpress.</p>
  
  <p>The divs aren't cycling or sliding no matter what I try and I can't figure out why.</p>
  
  <p>The source code currently looks like this:</p>
  
  <pre><code>&lt;div class="slider"&gt;
  
      &lt;div class="servicesslider"&gt;    
             &lt;a href="link1"&gt;
              &lt;div class="slidertext"&gt;
                 &lt;h1 class="sliderhead"&gt;Text1&lt;/h1&gt;
                  &lt;p&gt;Body copy&lt;/p&gt;
              &lt;/div&gt;  
      &lt;img width="450" height="270" src="imglink" class="attachment-front-page-services wp-post-image" alt="alt" title="title" /&gt;                     
              &lt;/a&gt;
  
      &lt;/div&gt;
  
  
  
     &lt;div class="servicesslider"&gt; 
        &lt;a href="link2"&gt;
           &lt;div class="slidertext"&gt;
          &lt;h1 class="sliderhead"&gt;Text2&lt;/h1&gt;
          &lt;p&gt;More body copy.&lt;/p&gt;
           &lt;/div&gt;
        &lt;img width="450" height="270" src="imglink" class="attachment-front-page-services wp-post-image" alt="alt" title="title" /&gt;
         &lt;/a&gt;
  
      &lt;/div&gt;
  </code></pre>
  
  <p></p>
  
  <p>CSS:</p>
  
  <pre><code>.slider {width:1000px; height:400px; overflow:hidden; position:relative;}
  
  .servicesslider {width:900px; height:300px; padding:50px; overflow:hidden; float:left; position:absolute; background:red;}
  .servicesslider a {text-decoration:none;}
  .attachment-front-page-services {width:450px; height:270px; background:#fff; border:10px solid #fff; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; box-shadow: 5px 5px 7px #4f4f4f;}
  .slidertext {font-family: Eurostyle; color:#ffffff; text-decoration:none; float:left; margin-right:20px; width:400px;}
  .sliderhead {font-size:50px;}
  .sliderhead a {color:#ffffff; text-decoration:none;}
  </code></pre>
  
  <p>jQuery (using the most simple version just to get anything happening)</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
      $(document).ready(function () {
          $('.slideshow').cycle({
              fx: 'fade'
          });
      });
  &lt;/script&gt;
  </code></pre>
  
  <p>jQuery is definitely loaded and I'm using this link to ensure that the cycle plugin is loaded correctly</p>
  
  <pre><code>&lt;script type="text/javascript" src="http://malsup.github.com/jquery.cycle.all.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>!!!!!!!!!! <strong><em>*</em></strong> SOLVED <strong><em>*</em></strong> !!!!!!!!!!</p>
  
  <p>There was a jQuery conflict within wordpress. It had two versions of jQuery running simultaneously</p>