В java, какой диапазон целых чисел, которые плавают, может представлять собой превосходно? [Дубликат]

Вот пример, который делает то, что вы хотите. Я упростил ваш код, поэтому вам не нужно вручную идентифицировать каждую запись и предварительный просмотр.

http://jsfiddle.net/jqmPc/1/

Это немного сложно. Дайте мне знать, если у вас есть вопросы.

В основном, когда размер окна изменяется, скрипт проходит и находит первый просмотр в каждой строке, находя предварительный просмотр с тем же самым левым смещением, что и самый первый. Затем он добавляет класс last в запись до (предыдущая строка) и класс first для этого предварительного просмотра. Я делаю css clear: left на обоих из них, чтобы все обертывалось нормально, когда записи открываются.

Я сделал ваш код общим, без идентификаторов:

    
Some preview text …



  

    ×
  
  
Some content text.

Это не делает вас придется писать один и тот же код снова и снова.

Скрипт open / close:

 $('.trigger').click(function() {
    $('.openEntry').slideUp(800); // Close the open entry
    var preview = $(this).closest('.preview');  // Grab the parent of the link

    // Now, clone the entry and stick it after the "last" item on this row:
    preview.next('.entry').clone().addClass('openEntry').insertAfter(preview.nextAll('.last:first')).slideDown(800);
});

// Use "on()" here, because the "openEntry" is dynamically added 
// (and it's good practice anyway)
$('body').on('click', '.close', function() {
    // Close and remove the cloned entry
    $('.openEntry').slideUp(800).remove();
});

Это может быть упрощено немного, я уверен, особенно если вы были готовы переформатируйте html немного больше, вставив запись внутри элемента предварительного просмотра (но все же скрытый). Вот немного более простая версия, с измененным html:

http://jsfiddle.net/jqmPc/2/

(Я также окрашиваю первый и последний элемент на линии, чтобы вы могли видеть, что происходит)