我正在做一些內容div顯示隱藏使用動畫,但目前它的固定寬度的工作,但我想沒有寬度也應該跨瀏覽器也縮小時它必須工作彈性明智當div顯示模式。如何使用crossbrowser顯示隱藏內容div?
代碼中的任何建議或修改。
的jsfiddle http://jsfiddle.net/sureshsummy/xUKRf/5/
我正在做一些內容div顯示隱藏使用動畫,但目前它的固定寬度的工作,但我想沒有寬度也應該跨瀏覽器也縮小時它必須工作彈性明智當div顯示模式。如何使用crossbrowser顯示隱藏內容div?
代碼中的任何建議或修改。
的jsfiddle http://jsfiddle.net/sureshsummy/xUKRf/5/
這裏是你的固定寬度問題的解決方案:
$("#content").animate({
width: $('body').width() -100
}, {
queue: false,
duration: 10
}).toggle();
編輯: 要動畫隱藏,在切換再度把動畫功能:
$("#content").animate({
width: $('body').width() -100
}, {
queue: false,
duration: 1000
}).toggle({
width: 100
}, {
queue: false,
duration: 1000
});
爲了得到它的響應,你不應該固定措施(px)爲寬度或填充或邊距。相反,您可以使用%。
我做了一些調整,以你的CSS:http://jsfiddle.net/xUKRf/10/
我改變了寬度,填充和容器的保證金和內容股利%
當它是我與萎縮下來它不能正常工作測試顯示模式 – Pawan
這個動畫工作正常,但當它崩潰時,請看看在瀏覽器中縮小。什麼我想id完全彈性模式,當它是打開模式 – Pawan
@yyy我777:你是什麼意思,縮小,什麼是縮小?你必須更具體地 – iddo