Ваш код, впринципе, рабочий:
$.when(
$(".obj1").hide(700).promise(),
$(".obj2").fadeOut(800).promise()
).done(function() {
console.log('fin')
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="obj1">1</div>
<div class="obj2">2</div>
Анимация выполняется одновременно, по завершении обеих анимаций выполняется код.
Опишите подробнее, что у вас не получилось и что вы хотели сделать.
Как мне использовать коллбэк только от hide
Если вам нужен колбек только от одной анимации, это гораздо проще сделать: Функцию положите 2м аргументом hide()
(или show()
, или fadeIn()
и тд)
$(".obj1").hide(700,function() {
console.log('fin obj1')
})
$(".obj2").fadeOut(1000,function() {
console.log('fin obj2')
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="obj1">1</div>
<div class="obj2">2</div>