Наладить masonry во вкладках

[Rudiarius]

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

 

Делаю сложный (для меня) проект, с корзинами, опциями... короче чрёт знает что... нарисовал эскиз и в творческом порыве нарисовал блоки кирпичной кладкой во вкладках.... Наивно начал верстать =((  Вот тут увидел косяк первая вкладка, у которой display: block; отродясь и следующая вкладка у которой при загрузке странице display: none; - два блока наложены друг на друга, внизу (если присмотритесь) летит вёрстка, оно и понятно блоки то 

position: absolute;  наезжают - на что хотят... 

 

 

Как можно решить задачу? Другими словами - как сделать, чтобы masonry строился в скрытом блоке, а при открытии уже был выстроен...?

Если вообще можно... так обидно, неужели придётся тупо отказаться от кирпичной кладки!?1  

Edited August 28, 2015 by Rudiarius

[Нарек]

А можно просто скрин того, что в итоге хотите получить?

[Rudiarius]

А можно просто скрин того, что в итоге хотите получить?

 

Конечно! Вот макет, с 9 утра сегодня сижу налаживаю опции  товара плюсики/минусики, наладил masonry - думал всё,  осталось подверстать чутка, стилизовать и готово.... 

[Нарек]

А зачем display:none ?

И чем этот скрипт не устраивает?

[Rudiarius]

А зачем display:none ?

И чем этот скрипт не устраивает?

 

Зайдите сюда http://tomopencart.ru/vq-mod-v-tovare/zamena-knopki-kupit-na-ssylku, посмотрите как устроены отзывы и описание (внизу), вот точно так же у меня сделаны вкадки: Пиццы, Итальянский буфет и так далее..  Первая акладка с описанием видна display: block; с отзывами скрыта display: none;, а при нажатии на вкладку "отзывы" - всё меняется наоборот: одна скрывается и полявляется другая.

Для кирпичной кладки я использую именно этот скрипт, на который вы сослались.

Edited August 28, 2015 by Rudiarius

[Нарек]

Опять же не понимаю в чем проблема http://codepen.io/SitePoint/pen/mywEMR/

[Rudiarius]

Опять же не понимаю в чем проблема http://codepen.io/SitePoint/pen/mywEMR/

 

Ухты! То, что надо! Не пойму почему у меня съезжает в скрытых - при загрузке табах... Ладно, буду разбираться, спасибо!

[Rudiarius]

ААа, разобрался. Даже без копипаста вышеуказанного кода..., я для masonry-container и для вкладки с контентом использовал один див. А надо отдельно для вкладки и отдельно для masonry - один в другом, тогда всё работает