開く拡張/元のサイズに戻すimgフェードのある一連のボックス

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/ ジェネラコディセタグプレ