[jquery] Как реализовать выпадающий слайд с картинкой?

[smsupport]

Стоит задача отображать ровно 275х240 пикселей картинки, а при наведении на нее раскрывать ее реальную высоту, при этом блок с названием и прочими няшками уезжает вместе с картинкой вниз. Пример того, что надо показал на картинке, красная стрелка показывает раскрывание. Раскрывать нужно слайдом.

[fromYukki]

http://api.jquery.com/animate/

$( "твои элементы" ).hover(
function() {
// Здесь код когда навели мышку
}, function() {
// Здесь код когда убрали мышку
}
);

Примерный код анимации

$( this ).animate({
height: "100%"
}, 1000);

this - для примера, должен быть твой селектор

100500 примеров в сети

http://www.backslash.gr/demos/conten...jquery-plugin/
http://tympanus.net/Tutorials/HoverSlideEffect/
http://jsfiddle.net/j08691/rfUWg/
http://blog.neweb.co/40-top-free-jqu...ect-tutorials/

[smsupport]

fromYukki, не подходят варианты. в сети я смотрел, прежде чем задавать вопрос.

[vkusnoserver]

jquery pinterest grid layout

http://www.jsonenglish.com/projects/flex/

js библиотек в избытке, популярные для верстки гридами - mason.js и isotope.

Masonry slide down
isotope slide down

кодеру здесь 5 минут времени

p.s. мне лично больше нравится такое решение в стиле гуглокартинок: http://tympanus.net/Tutorials/Thumbn...andingPreview/