Как сделать плавную анимацию при помощи JQuery?

Question

[Aleksander911]

Доброго дня всем.
Имеется

<div class="nav-wrap">
	<div class="nav-wrap-inner">
          .......
	</div>
</div>

Подскажите, как добавить при помощи jquery плавное появление nav-wrap, т.е. display:block и opacity:1
а также плавную анимацию для nav-wrap-inner с рядом стилей:

visibility: inherit;
 opacity: 1;
 transform: matrix(1, 0, 0, 1, 0, 0);
 transform-origin: left 50% 0px;

С первым проблем не возникло, а вот со вторым не получается. Код

$(".button--nav").on("click", function () {
		$(".nav-wrap").fadeTo('show', 1);
	});

Comments

[Aleksander911]

Решил проблему с использованием GSAP
Вдруг кому понадобится

$(".button--nav").on("click", function () {
		$(".nav-wrap").fadeTo('show', 1);
		TweenLite.fromTo(".nav-wrap-inner", .4, {
                    autoAlpha: 0,
                    x: "-64px",
                    scaleX: 0,
                    transformOrigin: "left"
                }, {
                    autoAlpha: 1,
                    x: "0px",
                    scale: 1,
                    delay: .4,
                    ease: "Power2.easeInOut"
                });
	
	 });