2016-05-11 9 views
0

このJavascript関数にAトランジションを追加することはできません。このjavascript関数へのトランジションの追加方法

function togglediv(id) { 
    var div = document.getElementById(id); 
    div.style.display = div.style.display == "none" ? "block" : "none"; 
} 
+0

を参照してください

.out { opacity: 0; transition: opacity 1s; } 

ように定義されたCSSクラスのアウト」を追加し、Googleにしようとしたのですか? – Ivar

+0

あなたもあなたのHTMLを投稿できますか?どのように 'togglediv'関数を呼びますか? – ozil

+0

[Working Demo](https://jsfiddle.net/o9n0eL2n/) – ozil

答えて

1

displayプロパティはアニメーション化できません。

アニメーションでフェードイン/アウトすることができますopacity。 "JavaScriptでCSSトランジション" あなたは `CSS-transitions`タグを使用されるようにhttps://jsfiddle.net/s42stnyw/2/

関連する問題