Как скопировать элемент справа налево jQuery

Question

Пытается сместить p Справа налево от jquery до этого slider. Этот слайдер имеет эффект затухания по умолчанию, я пытаюсь дать эффект slideLeft для p описание слайдера, не для всех элементов слайдера.

HTML:

<div id="headslide"> 
    <ul> 
     <li class="post-content"> 
      <div class="slidshow-thumbnail"> 
       <a href="#"> 
        <img src="http://3.bp.blogspot.com/-h4-nQvZ5-VE/VQ3HLtSS3ZI/AAAAAAAABIc/iaOda5zoUMw/s350-h260-c/girl_with_winter_hat-wallpaper-1024x768.jpg" height="260" width="350"/> 
       </a> 
      </div> 
      <span class="content-margin"> 
      /* Description */ 
     <p>Cicero famously orated against his p...</p> 
       /* Title */ 
       <h3><a href="#">Download Premium Blogger Templates</a></h3> 
       <span class="info">Info</span> 
      </span> 
     </li> 

     <li class="post-content"> 
      <div class="slidshow-thumbnail"> 
       <a href="#"> 
        <img src="http://3.bp.blogspot.com/-YfkF1u_VB40/VWr5dYf00gI/AAAAAAAABW8/wv2e-Lu4etw/s390-h340-c-h340-c/11071467_807062866056131_872486685669967339_n.jpg" height="260" width="350"/> 
       </a> 
      </div> 
      <span class="content-margin"> 
     /* Description */ 
     <p>SEO friendly Flat style Custom Fonts.</p> 
       /* Title */ 
       <h3><a href="#">Modern with a pixel-perfect eye</a></h3> 
       <span class="info">Info</span> 
      </span> 
     </li> 
    </ul> 
</div> 

Пожалуйста, смотрите этот Fiddle >>. Я пытаюсь сделать это с помощью jquery.

Я попробовал этот
$(".content-margin").delay(400).show("p", { direction: "left" }, 1200);

Не работает, как дать slideLeft эффект только p элемента, любое предложение?

Answer 1

слайдер слайдов поддерживает обратные вызовы, которые можно использовать для скрытия/перемещения элементов «p».

$('#headslide ul').cycle({ 
    timeout: 4000, 
    pager: '#headslide .pager', 
    after: function(currSlideElement, nextSlideElement, options, forwardFlag){ 
     $(nextSlideElement).find("p").hide();    
     $(nextSlideElement).find("p").toggle("slide");  
     return false; 
} 

jfiddle: http://jsfiddle.net/bacec898/7/

ссылка: http://jquery.malsup.com/cycle/options.html