Question

想知道如果我有一个活跃的容器，我怎么能把我的页脚的显示变成无：

实施例：当选择第二个和第三个项目时，我如何将页脚的CSS转为无？

<div class="owl-stage">
  <div class="owl-item"></div>
  <div class="owl-item active"></div>
  <div class="owl-item"></div>
</div>
<footer>
  <select id="select" style="display:block"></select>
</footer>

我想也许是css，虽然不认为这是可能的？

.owl-stage:nth-of-type(2).owl-item.active footer select,
.owl-stage:nth-of-type(3).owl-item.active footer select {
      display: none;
    }

我在想：

$(".owl-stage:nth-of-type(2) .owl-item.active").?????('footer #select').css("display", "none");

我是如何使用某些js来实现这项工作的？

谢谢，巴里

Answer 1

这样的事情可以做到

if( $('.owl-item:nth-child(2)').hasClass('active')) $('footer').find('#select').hide()

jsFiddle Demo

当幻灯片处于活动状态时，使用css隐藏页脚

1 个答案: