高さが実際には動的であるべきなのに、DIV の高さを手動でプリセットすることに満足していません。誰かがフォント サイズやフォント自体を変更するのではないかと心配しています。私の現在の解決策は薄っぺらだと思います。しかし、DIV の高さを動的に設定してコンテンツに自動的に一致させる方法は他にありません。どんな助けでも大歓迎です。
これは私が現在取り組んでいるものの例です: http://jsfiddle.net/qkwL2/5/
高さが実際には動的であるべきなのに、DIV の高さを手動でプリセットすることに満足していません。誰かがフォント サイズやフォント自体を変更するのではないかと心配しています。私の現在の解決策は薄っぺらだと思います。しかし、DIV の高さを動的に設定してコンテンツに自動的に一致させる方法は他にありません。どんな助けでも大歓迎です。
これは私が現在取り組んでいるものの例です: http://jsfiddle.net/qkwL2/5/
そのようなアニメーションを実行したい場合は、明示的な高さを設定する必要があります (他の方法は知りません)。ただし、考慮したいことの 1 つは、div の内容に基づいて高さを計算するルーチンです (つまり、アンカー タグのリストを繰り返し処理し、それぞれの高さを計算してから、パディングを追加します)。そうすれば、常に div のコンテンツ全体が表示されることが保証されます。
最初に測定します。次に、アニメーション化します。
また、使用は$
できるだけ少なくしてください。Every$
は別の jQuery オブジェクトをメモリに追加します。
ホバー時に表示するコンテンツをクラスで囲み、それを非表示にしてdisplay:none
、代わりに jqueriesslideDown
メソッドを使用して下にスライドできます。デモ。