border-box jQueryアニメーションの疑似要素を隠す - jquery-animate、pseudo-element、border-box

私はこの奇妙な問題を抱えています。

box-sizing:border-box;

テストケース1： http://jsfiddle.net/kGGuP/1/ - これは予想通りに動作しました。ボックスをクリックすると内容が表示され、「arrow"疑似要素です。

テストケース2： http://jsfiddle.net/XGGg4/ - 私が追加しました

* {
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}

CSSへ。ご覧のとおり、「arrow「疑似要素はありません」はもう表示されません。これはFirefoxを除くすべてのブラウザで発生します。

この問題を解決する以外の修正はありますか ボックスサイズ：ボーダーボックス。 ？私は本当にこのルールを削除したくはありません。

追加情報：

のみ パラメータを持つ.toggle（） そして .slideToggle（） この問題があるようです。

使用している場合 パラメータなしの.toggle（） そして .fadeToggle（）、うまくいきます。

回答：

回答№1は0

ここにリンクがあります http://jsfiddle.net/XGGg4/1/

CSSファイルにちょっとした変更を加えました

あなたが使ったかもしれない

*{
-moz-box-sizing:content-box;
-webkit-box-sizing:content-box;
box-sizing:content-box;
}

上記のコードはあなたのコードにも役立ちます

---

回答№2の場合は0

これをチェックする http://jsfiddle.net/XGGg4/5/

追加する

*{
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}

あなたのコードを本当にねじ込みます、代わりにあなたが設定することができます box-sizing:border-box; すべての個々の要素に。それはあなたのために魔法をするでしょう。

---