Re: [問題] 請問css怎麼做出點一下展開
※ 引述《flare321 (flare)》之銘言：
: 請問css怎麼做出點一下再往下拉開一塊，要用來做新消息
: 只有標題，點一下再展開，我有做出類似效果，但是是mouse rollOver才會
: 不是點一下展開，請問該怎麼做，謝謝
你可以先偷用 checkbox 而且隱藏起來...
然後後面偷用 label 去放你的標題
然後假設你的內文是 .content 好了
因為 checkbox 本身就有點一下 checked 再點一下又解除的特性
那... label 標題點了也會有同樣效果（當然你 id, for 要關連到）
input[type="checkbox"] ~ .content {
display: none;
}
input[type="checkbox"]:checked ~ .content {
display: block;
}
就可以有開關效果了
如果你要動畫開合的話.....
可以改變高度+transition
應該更炫
但以上IE6都不吃
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 114.34.100.58
→
01/11 07:17, , 1F
01/11 07:17, 1F
推
01/11 15:43, , 2F
01/11 15:43, 2F
推
01/26 09:46, , 3F
01/26 09:46, 3F
討論串 (同標題文章)
本文引述了以下文章的的內容：
完整討論串 (本文為第 2 之 2 篇)：