В сети нашёл такой пример плавной замены блоков
jsfiddle.net/alpha9000/f54MG на его основе сделал свой скрипт. В отличии от этого примера у меня идёт вот такое дерево , 6 блоков по 2 - 3 клиента в каждом ( вот сам скрипт
jsfiddle.net/f54MG/179 для упрощения убрал картинки) , в начале скрипт скрывает в каждом блоке всех клиентов кроме первого, далее формируется массив с двумя случайными индексами (от 0 до 5) чтобы потом обратиться по индексам к блокам и с помощью fadeToggle() отобразить одного из клиентов внутри. Проблема в том что если внутри блока our_client new будет больше 2-х клиентов our_client_inner то fadeToggle() может активировать сразу два блока, что приводит к вот такому наложению . Как будто fadeToggle() не видит всех our_client_inner внутри our_client new а обращается к каждому по отдельности. Вот кусочек кода который за это отвечает:
$('.our_client.new').each(function(index, el) {
//Проверяем входит ли индекс текущего блока our_client new в массив случайных индексов
if(randomIndexes.indexOf(index) >= 0){
$(el).find('.our_client_inner').fadeToggle(500); //Отображаем одного клиента внутри блока
}
});
в общем как это поправить, чтобы fadeToggle() отработал правильно?
