0

Приветствую.

Не могу составить правильный селектор для выбора скрытых элементов.

Вот пример: http://jsfiddle.net/8Uyn8/

Хочется дробится чтобы при каждом срабатывании показывалось по одному элементу в каждой секции.

Буду рад любым идеям, и ссылкам =)

Заранее ОГРОМНОЕ спасибо!

2 ответа 2

2

Тут долго можно извращаться, но так как вы сделали элементам отдельный стиль, который их скрывает, то почему бы не удалять этот стиль по очереди? Смотрим результат тут

var i = 0,
    but = $('#showNext'),
    sect = $('section');
but.click(function(){
    sect.each(function(){
        $(this).children('.item').eq(i).removeClass('hidden-item');
    });
    i++;
});
5
  • Зачем делать отдельные переменные для #showNext и section, если они вызываются только в одном месте каждый?
    – Crasher
    22 фев 2013 в 23:10
  • 3
    @Crasher, Дело привычки... к тому же, не самой плохой.
    – Deonis
    22 фев 2013 в 23:12
  • @Deonis, но ведь тут это совсем неуместно и это может негативно повлиять на понимание алгоритма автором вопроса
    – Crasher
    22 фев 2013 в 23:13
  • 1
    @Crasher, как-то нет настроения холиварить.
    – Deonis
    22 фев 2013 в 23:16
  • @Crasher , section вызывается при каждом клике ага.
    – zb'
    23 фев 2013 в 8:17
-1

Ответ похожий на ответ Deonis, но используя селектор по children и :not(:visible):

JS:

$('#showNext').click(showOneElementInEachSection);
var sect=$('section');

function showOneElementInEachSection() {
    sect.each(function () {
        $(this).children('.hidden-item:not(:visible)').first().fadeIn(100);
    });
}

демо


второй вариант - убирать класс:

$('#showNext').click(showOneElementInEachSection);
var sect=$('section');

function showOneElementInEachSection() {
    sect.each(function () {
        $(this).children('.hidden-item').first().removeClass('hidden-item');
    });
}

демо

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.