.collapse: ẩn nội dung.collapse in: hiện nội dung.collapsing: được thêm vào khi bắt đầu và xóa khi kết thúc
<head> để có thể chạy :
<link href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet"></link>Ví dụ : khi bắt đầu, nội dung được ẩn đi, còn nếu muốn hiển thị trước thì sửa
.collapse thành .collapse in
Đây là nội dung.
Trong đoạn code trên, data-target="#demo" dùng để chỉ ra thẻ html nào có id="demo" sẽ bị tác động.
Chia từng phần
Trong trường hợp bạn muốn chia từng phần với nhiều nội dung khác nhau, bạn có thể dùng cách sau :Đây là code cho hiển thị trên :
Đơn giản quá phải không, chỉ vài lệnh gọi class là bạn đã có thể ẩn hiện nội dung tùy thích, bạn có thể tham khảo các bài viết khác để tạo giao diện đẹp hơn, linh hoạt hơn.
Tham khảo
Có code đéo đâu
ReplyDelete