→ Rplus:最後一行 默 01/11 07:17
推 tonytonyjan:純推最後一行 01/11 15:43
推 PTTLSboy:原來還可以這樣寫 01/26 09:46
※ 引述《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