0

Нужно при клике скрыть все дочернии элементы класса 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>

2
  • class="tparrows"
    – user176262
    5 апр 2019 в 21:03
  • Не в этом дело, это тут опечатка, сори
    – ilyaaa521
    5 апр 2019 в 21:04

1 ответ 1

1

$('.tparrows').click(function() {
  $('.tp-revslider-slidesli').find(".parallax").toggle(500);
  $('.tp-revslider-slidesli-2').find(".parallax").toggle(500);
});
.tp-revslider-slidesli-2 .parallax {
  display:none;
}
<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">AAA</div>
    <div class="parallax">BBB</div>
  </li>
  <li class="tp-revslider-slidesli-2">
    <div class="parallax">CCC</div>
    <div class="parallax">DDD</div>
  </li>

</ul>

<button class="tparrows">Click</button>

2
  • Немножко не так, tp-revslider-slidesli-2 - у меня по умолчанию скрыт, нужно что бы переключатель был, переключатель дочерних блоков. Как тут - demo.kallyas.net/sneakers-shop
    – ilyaaa521
    5 апр 2019 в 21:08
  • @ilyaaa521, Если "не так" - значит вопрос задан "не так". Код в ответе делает именно то, что ты спрашивал. Смотришь на этот код (желательно с пониманием написанного), и по аналогии пишешь свой.
    – yar85
    5 апр 2019 в 23:10

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.