Javascript Promise on JQuery addClass

Question

Я анимация в элементе, который имеет достаточно содержимого, чтобы вызвать общую высоту div.

Для обзора по этой фотографии от JQuery vegas background slider понадобится использовать цифровой фотоаппарат.

Нет Я живу в элементе при событии click и использую следующий javascript;

function loadSpecification() { 
     hideAll(); 
     $("#specification").removeClass("hidden").addClass("show", { 
      complete: function() { 
       console.log("completed animation"); 
       loadVegas(); 
      } 
     }); 
    } 

, где функция в loadVegas() перезагружает элемент Вегас для того, чтобы установить ползун, чтобы покрыть вновь расширенной DIV.

Однако, полная функция не запускается в этом экземпляре, я вызываю ее правильно? Если да, то что тут не так?

Мои классы css следующие:

.hidden { 
    display: none; 
    opacity: 0; 
    width: 0; 
    transition: opacity 1s ease; 
    -webkit-transition: opacity 1s ease; 
    -moz-transition: opacity 1s ease; 
} 

.show { 
    display: block; 
    opacity:1; 
    margin-bottom:10px; 
    /*width: inherit;*/ 
} 

Answer 1

отлично работает, не забудьте добавить библиотеку JQuery UI, как полная функция не реализована в JQuery, но в JQuery UI. См. docs для получения дополнительной информации.

$("#specification").removeClass("hidden").addClass("show", { 
 
    complete: function() { 
 
    console.log("completed animation"); 
 
    } 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="http://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script> 
 
<div id="specification">test</div>