открыть развернуть / закрыть обратно до исходного размера ряд ящиков с img fade

Question

У меня есть несколько интерактивных блоков.Мне нужно иметь возможность расширять поля и скрывать его img.Мне также нужно иметь возможность закрыть предыдущий открытый, вернув его к исходной высоте и определенной ширине, при этом исчезнув в его img..info загружает содержимое ajax

родовое слово

CSS, я не знаю высоты.

родовое слово

Я пробовал

родовое слово

Answer 1

Это мой последний рабочий код:

родовое слово

Answer 2

Было несколько синтаксических ошибок, о которых упоминал @Diodeus.Вы всегда должны сначала использовать отладчик, чтобы выяснить это.

У вас также был неправильный код if(box.hasClass(".opened")) (вы не должны добавлять там точку перед классом).У вас также был box.addClass('opened'); непосредственно перед этим if, что нарушает функциональность (вам следует добавить / удалить класс, когда вы показываете / скрываете контент, больше нигде).

Это то, что вы искали?

родовое слово

Answer 3

http://jsfiddle.net/uFz5A/

родовое слово