javascript - jqueryの自動高さ修正

Question

サイトに jquery を実装しました (プラス記号をクリックします) http://pligg.marsgibson.info

最初の 2 つのストーリーをクリックします。最初のストーリーは展開時にギャップがあり、2 番目のストーリーはこの jquery の自動高さを設定する方法ではありません

ここに私のstyle.cssがあります

.toggle_container .block を編集しようとしています

score 1 · Accepted Answer

1

行を削除するだけですheight: 80px;

于 2012-06-10T10:08:57.373 に答える

score 0 · Accepted Answer

まず、いくつかの HMTL 禁止事項があります。インラインレベルの要素内にブロックレベルの要素を含めることはできません (<p>タグ内の<span>タグ ( に置き換える必要があります<span>) </div>。

問題を解決するには、交換してください

.toggle_container .block {
margin: 0px 10px 0px 75px;
padding: 0px 20px 0px 0px; /*--Padding of Container--*/
height:80px;
}

と (削除height:80px)

.toggle_container .block {
margin: 0px 10px 0px 75px;
padding: 0px 20px 0px 0px; /*--Padding of Container--*/
}

編集：

高さを明示的に設定すると、アニメーションが良くなると思います。関数内の内部関数の最初の行として、これを your の直後に追加し.ready()ます。

jQuery(".toggle_container").each(function() {
    jQuery(this).height(jQuery(this).find(".block").height());
});

2 に答える 2