Отображение элементов на макете jQuery

Question

Кто-нибудь знает, как я могу это сделать?

 
┌---------------------------------┐#content 
| ┌-------------┐ ┌-------------┐ | 
| |   [.A]| |[.B]   | | 
| |    | |    | |    
| |    | |    | | 
| └-------------┘ |    | | 
| ┌-------------┐ |    | | 
| |   [.A]| |    | | 
| |    | |    | | 
| |    | └-------------┘ | 
| └-------------┘ ┌-------------┐ |     
|     |[.B]   | | 
|     |    | | 
|     |    | | 
|     └-------------┘ | 
└---------------------------------┘ 

У меня есть DIV (#content), который имеет masonized дивы (.oddpost) в нем. Это два столбца, поэтому он идет только справа или слева. Теперь то, что я хочу сделать, это сделать div (.A) появляться на .oddposts, который идет влево, и сделать еще один div (.B) на тех, которые идут влево.

.A и .B находятся внутри .oddpost, но оба изначально скрыты. Я хочу, чтобы они «показывались» в зависимости от их положения. Я пробовал использовать положение и смещение, но он влияет на .oddpost, когда они не используют кладку, а затем делает кладку, поэтому она немного запутанна. Есть ли способ добиться этого с помощью jQuery?

Answer 1

Создание дивы в последовательном порядке в вашем HTML файл, а затем применить это к двум блокам А в

.A { 
float: left; 
} 

внутри DIV, который плавает влево, и применить это к блокам Б в

.B { 
    float: right; 
    } 

внутри блока div, который выровнен справа от вашего файла css и посмотреть, будет ли он работать для вас. См. Этот пример http://jsfiddle.net/nawar/gg24L/