[Hỏi đáp] Spoiler dạng button

  Bài viết hay nhất1
Mình muốn có spoiler dạng button , cho nhỏ gọn , nhưng ko biết cách chỉnh làm sao cho đúng, mong các bác giúp em với ạ
  Bài viết hay nhất2
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.

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;
}
  Bài viết hay nhất3
Vâng cảm ơn nhiều ạ :)
  Bài viết hay nhất4
You cannot reply to topics in this forum