Нужно при клике скрыть все дочернии элементы класса tp-revslider-slidesli и показать все дочернии элементы класса tp-revslider-slidesli-2, делал так не получилось:
$('.tparrows').click(function() {
$('.tp-revslider-slidesli').children('.tp-parallax-wrap').animate({
width: ["toggle", "swing"], // ширина элемента
height: ["toggle", "swing"], // высота элемента
opacity: "toggle" // прозрачность элемента
}, 1500, "linear"); // продолжительность и скорость анимации
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<ul class="tp-revslider-mainul">
<li class="tp-revslider-slidesli">
<div class="parallax">Это скрыть</div>
<div class="parallax">Это скрыть</div>
</li>
<li class="tp-revslider-slidesli-2">
<div class="parallax">Это показать</div>
<div class="parallax">Это показать</div>
</li>
</ul>
<button class="tparrows">Click</button>
class="tparrows"