2012-09-17 23 views
6

正如標題中指出的那樣,我的問題非常簡單:是否有任何方法可以實現單擊標題(標題)並展開(和摺疊)關聯文本有沒有使用JavaScript和jQuery?是否有任何瀏覽器兼容的方式(IE 6+證明)?在不使用JavaScript/jQuery的情況下點擊標頭並展開文本

我爲一個會議做了一個非常簡單的HTML + CSS網站,並且我只想在必要時使用JS。所以,我只是問我是否可以僅以HMTL/CSS的方式來實現,當然這是兼容的。

我發現的幾個解決方案是舊的或與某些瀏覽器版本不兼容。

非常感謝你, 若昂

+0

我會說你唯一的選擇是HTML5或JavaScript。這兩者都違反了你的一個條件。 – Samuel

+0

@Samuel:HTML5如何違反其中一個條件? – daGUY

+0

支持IE6 – Samuel

回答

9

IE6-proof pure CSS solution?

NO

[保留逝者安息在墳墓裏,不要讓他們跑馬拉松。這是你在做什麼,當你要求的IE6做這樣的事情。]


IE7/8?

是的,有一個解決方案(其原理是在this older demo of mine所用的相同),但它不是持久的(也就是說,如果你點擊其他地方的頁面上,你擴展的內容就會崩潰),它的行爲方式在IE7中有點奇怪(這意味着你必須在單擊它之後將鼠標懸停在單擊的元素上以便看到你的內容正在擴展)。


IE9 +和其他瀏覽器

是的!也持久。與我使用的原理相同here


JavaScript/jQuery方法?

是的!看到這個:a jQuery version of the same demo

+0

感謝您的明確答案,Ana。不幸的是,有些人現在仍然使用IE 6,所以我只需要考慮它們。按照我的想法,我真的不得不使用JS。 – jaff

+0

考慮到一個事實,即jQuery是放棄對IE6的支持,7和8(所以一定要確保你不會自動更新jQuery的版本,你會使用)。如果你想使用JavaScript,我仍然推薦jQuery。 IE是體面的,但是爲IE6和7編寫純粹的JavaScript是頭痛的原因。 – Ana

+0

你可能會想這樣的事情http://codepen.io/thebabydino/pen/ByrAa – Ana

3

你可以做簡單的哈弗下拉菜單隻有HTML & CSS支持哪些跨瀏覽器:

http://jsfiddle.net/fkS2z/

您可以在此改善變淡或slistedowns與CSS較低版本的IE不支持的轉換:

http://jsfiddle.net/N9fDy/1/

與點擊不同的是,

+0

你好,StewD。我想如果只使用HMTL + CSS,我會遇到一些IE版本的兼容性問題(一如既往...),所以我會選擇JS。儘管如此,謝謝! – jaff

相關問題