Có cách dùng js, hình như có ai đấy viết rồi, mình không viết lại.
Còn đây là cách mình viết dùng css, nhẹ hơn. Nhược điểm là không đổi được text khi nhấn vào button.
Còn đây là cách mình viết dùng css, nhẹ hơn. Nhược điểm là không đổi được text khi nhấn vào button.
- Code:
.codebox.spoiler {
border: 0 none;
padding: 0;
margin: 1em 0;
}
.codebox.spoiler > dt {
appearance: button;
-webkit-appearance: button;
-moz-appearance: button;
width: auto;
display: inline-block;
margin: 0;
padding: 0 12px;
font-size: 0;
background: 0 none;
color: inherit;
border: 1px solid #ddd;
}
.codebox.spoiler > dt:after {
content: "Nội dung bị ẩn";
font-size: 13px;
text-transform: uppercase;
color: #0098cc;
}
.codebox.spoiler .spoiler_content {
background: #fffde9;
margin: 0;
padding: 1em;
}
Zzbaivong