1

slideToggle()アコーディオン効果を実現するためにjQuery を使用しています。仕様とより良いカスタマイズの理由から、実際のアコーディオン コントロールは使用していません。私が直面している問題は、ターゲット要素が切り替えられた後、その親が垂直位置を維持しない、つまり下にスライドすることです (以下の画像とJSFiddleを参照)。ドキュメンテーションで役立つものを見つけることができませんでした。「下から上にスライド」する他の例は、希望する効果に対応していません。

親を同じ上部垂直位置に保つ方法はありますか?

例

4

1 に答える 1

1

以下を CSS に追加します。

.accordionWrapper {
    vertical-align: top;
}

http://jsfiddle.net/mblase75/jGnC6/1/

これはdisplay: inline-block;、accordionWrappers を表示するために使用しているために発生します。インライン要素は、デフォルトで下に垂直に配置されます。

スタイルを変更して代わりに使用すると、プロパティfloat:left;は不要になります。vertical-align:top

于 2013-11-07T15:04:44.117 に答える