2012-08-08 81 views
0

我需要做一個平滑的漂亮過渡來顯示/隱藏文本,這取決於頂層元素是否有類「錯誤」。FadeIn&FadeOut與CSS 3?

但我真的不能得到這個工作。 http://jsfiddle.net/qd9wq/1/

真的很感謝任何形式的幫助。我的主意是http://fvsch.com/code/transition-fade/test5.html#test3。 但我不想使用2種類。

編輯:解決問題:http://jsfiddle.net/qd9wq/78/

+0

看了看小提琴,我看到很多'content1 is not defined'錯誤信息,當點擊按鈕時。 – 2012-08-08 11:19:18

+0

現在應該工作。我的不好 – mannge 2012-08-08 11:21:33

+0

我不明白你的問題是什麼? – Niklas 2012-08-08 11:53:49

回答

0

你需要一個transition-delay添加到這個類:

fieldset.error > ul > li { 
    margin-top: 0px; 
    -webkit-transition-delay:0s; 
    -moz-transition-delay:0s; 
    -o-transition-delay:0s; 
    transition-delay:0s; 
} 

試試吧here

您還可以刪除所有!important,不需要他們。

+0

對不起,但那也沒有辦法。無論如何感謝 我的朋友在這裏解決它:http://jsfiddle.net/qd9wq/78/ – mannge 2012-08-08 12:55:59

+0

但它仍然使用JavaScript。爲什麼不使用crossbrowser'fadeIn'和'fadeOut'? – 2012-08-08 12:58:06

+0

你是什麼意思,它沒有工作?它在這個例子中工作?您需要將轉換添加到所有瀏覽器。 – Niklas 2012-08-08 13:08:56