JQuery width animate не запускается

Question

Я пытаюсь заставить div исчезнуть и снова появиться, если текст исчезнет, ​​div сбрасывается, а затем наоборот с другим div, используя функцию анимации JQuery, но что-то не работает в следующем коде:

$(currentTab + " > p").animate({ opacity: 0},{ 
     duration: 500, 
     complete: function(){ 

      $(currentTab).animate({width: "0", opacity: 0}, { 
       duration: 500, 
       complete: function(){ 

        $(clickedTab).animate({width: "70%"}, {duration: 500, complete: function(){ 

         $(clickedTab + " > p").animate({ 
          opacity: 1 
         }, 500); 
        }}); 

      }}); 

    }}); 

где currentTab и clickedTab мои DIV идентификаторы, как "# Ct-1", и мой HTML выглядит следующим образом:

<div id="ct-1" class="content-div"> 
    <p>aaaaaaaaaaaaaaaaaaaaaaaa</p> 
</div> 
<div id="ct-2" class="content-div"> 
    <p>bbbbbbbbbbbbbbbbbbbbbbbbb</p> 
</div> 

Так второй одушевленные не работает вообще. Я предполагаю, что это имеет какое-то отношение к DOM, может быть, я не могу получить доступ к родительскому объекту внутри анимации? возможно, это не имеет никакого отношения к этому ...

Заранее спасибо!

Робин

Answer 1

Предполагая currentTab является кар-1 и clickedTab является кар-2, все анимации работают в этой скрипке:

http://jsfiddle.net/3k0x3c4L/

Вы выиграли» t обратите внимание на ширину усадки, если clickedTab не имеет фона, который я добавил в скрипке.