css - 結合 - インラインブロックを表示し、何も表示しない?

Question

div#errors_of_saved{
    width: 100px;
    display: inline-block;
    display: none;}

一部のJS関数がフェードインしないまで非表示のエラーdivがあり、インラインで表示する必要があります。

問題 - このように、テキストエディターは、displayプロパティが上書きされ、 display: inline-block none;その構文が無効であると言います。

visibilty:hiddenJquery のアニメーションは可視性で動作しないため、使用したくありませfadeIn() fadeOut()ん。

私に何ができる？

score 0 · Accepted Answer

div#errors_of_savedはオンデマンドでエラーメッセージを表示するため、デフォルトをに設定しますdisplay: none。

display: blockjQuery は、要素を表示するために使用する傾向があります。を使用したいのでdisplay: inline-block、より具体的な CSS ルールを設定してみます。たとえば、次のようになります。

div#errors_of_saved.show {
    display: inline-block
}

次に、必要に応じてjQueryにクラスを追加して、エラーメッセージを表示します。

私の提案は、jQuery 関数を使用する可能性があることを前提としていますが、animate()試すことができるアプローチがいくつかあります。

css - 結合 - インライン ブロックを表示し、何も表示しない?