Как сделать Fade во время slideUp и slideDown?

Question

[Игорь]

Как сделать Fade в данной ситуации, попробовал через animate, не получилось, какие есть варианты??

$(".items .item").click(function() {
  $(".items .item").removeClass("active").eq($(this).index()).addClass('active');
  $(".hidden-block .item-content").slideUp().eq($(this).index()).slideDown();
});

Answer 1

[y0u]

$.fn.slideFadeToggle = function(speed, easing, callback) {
    return this.animate({
            opacity: 'toggle',
            height: 'toggle'
        },
        speed, easing, callback);
};

$("button").click(function() {
    $('.content').slideFadeToggle(800);
});

https://jsfiddle.net/y0u/59fso3ct/

Answer 2

[Stalker_RED]

.fadeOut(), не?

Comments

[Игорь]

как объеденить slideDown и fadeOut?

[Stalker_RED]

Игорь, в каком смысле объединить? Что вы пытаетесь сделать вообще? Чтобы элемент раскрывался, и одновременно становился прозрачным?

[Игорь]

Stalker_RED, что бы при открытии элемент помимо выезжания плавно выходил из нулевой прозрачности в еденицу
И наоборот, когда он прячеться что бы прозрачность становилась нулем

[Stalker_RED]

Игорь, https://jsfiddle.net/o8aco4ck/