3

Здравствуйте.

Есть блок с N элементами и 1 блоком, необходимо, чтобы при клике на этот элемент, под него перемещался блок, который в данный момент имеет свойство display: none;

Мой код перемещает блок каждый раз после 6 элемента: http://jsfiddle.net/Qe9sS/1/

Нужно, чтобы при клике на первый, второй, третий элемент - блок переместился под третий, при клике на четвертый, пятый, шестой - под шестой, и так далее.

В оригинальном варианте элементы выстроены по 3 на линию, то есть, примерно в таком виде:

элемент №1 элемент №2 элемент №3
элемент №4 элемент №5 элемент №6

Заранее спасибо.

1 ответ 1

3

Если я правильно понял, то вы просто перемудрили, вот пример:

var $bdetail = $(".b-detail"),$links=$(".content-item > a");
$(".content-item").on('click','> a',function (event) {
    event.preventDefault();
    var index=parseInt($links.index(this)/3+1)*3;
    index=index>$links.length?$links.length:index;
    index--;        
    var $that=$links.eq(index);
    if (!$that.next().is($bdetail)) {
        $bdetail.stop().slideUp('fast', function () {
            $bdetail.slideDown('slow').insertAfter($that);
        });
    }
});

http://jsfiddle.net/oceog/Qe9sS/8/

5
  • @eicto, спасибо за Ваш ответ, но, нужно, чтобы при клике на первый, второй, третий элемент - блок (b-detail) переместился под третий, при клике на четвертый, пятый, шестой - под шестой, и так далее. То есть, например, 6 элементов выстроены в два ряда, при клике на первые три - он перемещается под первый ряд, по последним трем - под второй ряд.
    – evansive
    25 дек 2013 в 8:38
  • @Fishy исправил, думаю на этот раз как вы хотели.
    – zb'
    25 дек 2013 в 9:03
  • @eicto, большое спасибо! Кстати, странная особенность, если нажать на 7 элемент - ничего не происходит, а если, например, нажать на 6, а после на 7, то после 7 все отлично выдвигается.
    – evansive
    25 дек 2013 в 9:11
  • это потому-что в разметке оно стоит в конце, поставьте появляющийся элемент перед ссылками вообще, и все будет нормально. вот так даже jsfiddle.net/oceog/Qe9sS/9 ну и соответственно если будете его прятать, то паркуйте куда нить за пределы блока .content-item, типа $('body').append($bdetail);
    – zb'
    25 дек 2013 в 9:13
  • @eicto, отлично, еще раз спасибо!
    – evansive
    25 дек 2013 в 9:14

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

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