Я пытаюсь поменять классы элементов за промежуток времени для многих элементов. Например, 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/
Пытаться
var $first = $(".show-first").hide(),
$later = $(".show-later").fadeIn("slow");
$later.add($first).toggleClass("show-later show-first");