javascript - 将一个 div 设置为一个数组，这样我就可以根据按钮使事物消失/重新出现

Question

标题可能不是最有意义的。

基本上我想将所有“.mainContent”存储到 X ..

然后，当您单击一个按钮时，它会使 x[0] 不显示，并引入 x[1]。如果这有意义的话……这样我就可以进行相同的删除过渡，它只会带上我想要的 4 个不同的页面。

你可以在这里看到我的页面:我有“主页”和“了解更多”页面的硬编码，但我显然不想对每个部分都这样做

http://mikecioffi-me.stackstaging.com/ (*这不是在移动设备上***)仅桌面。手机版还没准备好..哈哈

<script>
    var dissapearingTime = 1800;
var nextSlideTime = 3000;
var originalNumber = 0;
var newNumber = 1;
var x = $(this).find('.mainContent');

$('.button').hover(
  function () {
    $('.arrowRight').toggleClass('active');
  })

$('.button').click(
  function () {
    console.log(x);
    $('.sidebar').toggleClass('anim-trans');
    setTimeout(function () {
      $(".hero").css("display", "none");
      $(".blank").css("display", "block");
    }, dissapearingTime);

    setTimeout(function () {
      $('.sidebar').toggleClass('anim-trans');
    }, nextSlideTime);
  })

function hello() {
  $('.sidebar').toggleClass('anim-trans');
  setTimeout(function () {
    $(".blank").css("display", "none");
    $(".hero").css("display", "block");
  }, dissapearingTime);
  setTimeout(function () {
    $('.sidebar').toggleClass('anim-trans');
  }, nextSlideTime);
}
</script>

Answer 1

我喜欢你的动画 :)。

我不知道你怎么用它，但你可以用这种方式。希望对您有所帮助。

myArray = $('.test');
$(myArray[0]).hide();

https://jsfiddle.net/7rod0vky/2/