Başlıkta belirtildiği gibi, sorum çok basit: bir başlık (başlık) üzerine tıklamayı başarabildiğim herhangi bir yol var mı ve ilişkili bir metni genişletin (ve daraltın) onunla, JavaScript kullanmadan veya jQuery kullanmadan? Bunu yapmanın herhangi bir tarayıcı uyumlu yolu var mı (IE 6+ kanıtı)?Başlığı tıklatın ve JavaScript/jQuery kullanmadan metni genişletin

Konferans için çok basit bir HTML + CSS sitesi hazırladım ve yalnızca gerektiğinde JS kullanmak istiyorum. Bu yüzden, sadece HMTL/CSS'ye uyumlu bir şekilde yapıştırabilir miyim diye soruyorum.

Bulduğum birkaç çözüm, eski veya bazı tarayıcı sürümleriyle uyumsuz.

Sen soluyor veya bu konuda artırabilir:

Çapraz tarayıcı desteklenmektedir sadece HTML & CSS ile basit Hover açılan menüleri yapabilirsiniz Joao

kaynak

2012-09-17 jaff

Tek seçeneklerin HTML5 veya JavaScript olduğunu söyleyebilirim. İkisi de şartlarınızı ihlal ediyor. – Samuel

@Samuel: HTML5, koşullardan birini nasıl ihlal ediyor? – daGUY

IE6 için destek – Samuel

IE6 - dayanıklı saf CSS çözümü?

HAYIR

[onları bir maraton koşmak yapmaya kalkmayın, kabirlerinde ölü dinlenme bırakın. Yani IE6 bu gibi şeyler yapmak için soran yaparken yaptığımız bu.]

IE7/8?

Evet, bir çözüm (prensip this older demo of mine kullanılan aynı biridir), ancak (sayfa üzerinde başka bir yeri tıklarsa, genişletilmiş içerik çökecek anlamına gelir) kalıcı değildir ve bu bir davranır var IE7'de biraz garip (içeriğinizin genişlediğini görmek için tıklattıktan sonra tıklatılmış öğenin üzerine gelmeniz gerekir).

IE9 + ve diğer tarayıcılar?

EVET! Ayrıca kalıcı. here kullandıkları ile aynı prensip.

JavaScript/jQuery yöntemi?

Evet! Şunlara bakın: a jQuery version of the same demo.

kaynak

2012-09-17 14:29:01 Ana

Açık cevap için teşekkürler Ana. Ne yazık ki, bazı insanlar bugünlerde hala IE 6 kullanıyorlar, bu yüzden onları hesaba katmak zorunda kalacağım. Düşündüğüm gibi, gerçekten JS kullanmam gerekecek. – jaff

jQuery'nin IE6, 7 ve 8 desteği bıraktığını göz önünde bulundurun (böylece kullanacağınız jQuery sürümünü otomatik olarak güncellemediğinizden emin olun). JavaScript'i kullanmak istiyorsanız jQuery'yi öneririm. IE iyi, ama IE6 ve 7 için saf JavaScript yazma baş ağrısı için bir nedendir. – Ana

Muhtemelen bu gibi bir şey isteyeceksiniz Muhtemelen http://codepen.io/thebabydino/pen/ByrAa – Ana

, çok teşekkür ederim IE alt sürümünde desteklenmeyen CSS geçişleri ile sürgülü geçişler:

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

Yine de tıklama ile çok fazla değil.

kaynak

2012-09-17 14:28:18

Merhaba, StewD. Ben sadece HMTL + CSS kullanıyorsanız, bazı IE sürümleri ile bazı uyumluluk sorunları (her zaman olduğu gibi) olacak sanırım, bu yüzden JS için tercih edeceğiz. Yine de teşekkürler! – jaff

Başlığı tıklatın ve JavaScript/jQuery kullanmadan metni genişletin

cevap

HAYIR

İlgili konular