Question

我正在尝试在许多元素的时间间隔内交换项目类。例如，最初将显示5个元素，其余5个元素将被隐藏。 10秒后，将显示隐藏的5，并隐藏初始显示的元素。 10秒后再次与初始化妆相同，等等。

但是我在交换部分中遇到了我的逻辑，当我更改第一个元素时，第二个操作也会影响第一个操作。

<div class="show-first">Vin Diesel</div> <!-- initial css property -> display:block; -->
<div class="show-first">Paul Walker</div> 

<div class="show-later">Gwen Stefani</div> <!-- initial css property -> display:none; -->
<div class="show-later">Christina Aguilera</div>

$(document).ready(function(){
    function changeMe(){
        $(".show-first").switchClass("show-first", "show-later");
        $(".show-later").fadeIn("slow").switchClass("show-later", "show-first");
    }
    setInterval(changeMe,10000);
});

小提琴：http://jsfiddle.net/QZ3bA/

Answer 1

尝试

var $first = $(".show-first").hide(),
    $later = $(".show-later").fadeIn("slow");
$later.add($first).toggleClass("show-later show-first");

Demo

在Interval中交换多个项目的类

1 个答案: