Поменяться классами многих предметов в интервале

Question

Поменяться классами многих предметов в интервале

0

Я пытаюсь поменять классы элементов за промежуток времени для многих элементов. Например, 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/

Oriol 14 апр. 2014, в 01:59

Источник

Теги:

javascript

jquery

html

1 ответ

Ещё вопросы

Oriol · Accepted Answer · 2014-04-13T22-23-00.000Z

Пытаться

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

демонстрация