Tiện ích có thể mở rộng sử dụng phần tử tuỳ chỉnh <devsite-expandable> để cho phép
người dùng ẩn hoặc hiển thị các phần nội dung trong phần có thể mở rộng. Trong tệp Markdown, hãy gói phần tử tuỳ chỉnh bằng một phần tử HTML tiêu chuẩn, chẳng hạn như <section> hoặc <div>.
Nút bật/tắt mục
Ví dụ sau được gói trong một phần tử tuỳ chỉnh <devsite-expandable>
mặc định thành vị trí ẩn. Tiêu đề của thẻ này có thuộc tính class tên là showalways.
Tiêu đề này luôn hiển thị
Đoạn này mặc định được đặt ở một vị trí ẩn.
This code block within the custom element also defaults to a hidden
position.
Chế độ điều khiển tuỳ chỉnh
Ví dụ sau đây sẽ thêm lớp expand-control vào phần tử button của
phần tử tuỳ chỉnh <devsite-expandable> để mở rộng và thu gọn phần này
mà không có nút bật/tắt.
Có nhiều lựa chọn
Mở rộng một lần
Ví dụ sau đây sẽ thêm lớp expand-control once vào một đường liên kết trong
Phần tử tuỳ chỉnh <devsite-expandable> hiển thị nội dung bổ sung khi được nhấp vào
sau đó biến mất khỏi trang.
Lorem Ipsum
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Thêm...Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Tự động mở rộng khi liên kết
Ví dụ sau đây sẽ thêm mã nhận dạng #sample1 vào phần tử tuỳ chỉnh <devsite-expandable>. Phần tử này sẽ tự động mở rộng phần khi tải trang khi bạn liên kết đến phần đó.
Cách tự động mở rộng khi liên kết
Đóng phần mở rộng này, nhấp vào đường liên kết #sample1 ở trên, sau đó tải lại trang để tự động mở rộng phần mở rộng này.
Code block within the 'Auto-expand on linking' demo.
Mở theo mặc định
Ví dụ sau đây thêm thuộc tính expanded vào phần tử tuỳ chỉnh <devsite-expandable> để mở phần mở rộng theo mặc định.
Mở rộng theo mặc định
Mở theo mặc định sẽ hiệu quả nhất khi bạn có nhiều tính năng có thể mở rộng, chẳng hạn như ghi chú phát hành, nhưng bạn muốn giữ ghi chú phát hành gần đây nhất mở.