Перемещение блока после каждого 3 элемента (jQuery)

#jquery #javascript

                    
Здравствуйте.
Есть блок с N элементами и 1 блоком, необходимо, чтобы при клике на этот элемент,
под него перемещался блок, который в данный момент имеет свойство display: none;
Мой код перемещает блок каждый раз после 6 элемента: http://jsfiddle.net/Qe9sS/1/
Нужно, чтобы при клике на первый, второй, третий элемент - блок переместился под
третий, при клике на четвертый, пятый, шестой - под шестой, и так далее.
В оригинальном варианте элементы выстроены по 3 на линию, то есть, примерно в таком виде:
элемент №1 элемент №2 элемент №3
элемент №4 элемент №5 элемент №6

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

Ответы

Ответ 1

Если я правильно понял, то вы просто перемудрили, вот пример: 
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/