> For the complete documentation index, see [llms.txt](https://helpv3.ladipage.vn/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://helpv3.ladipage.vn/su-kien-cho-phan-tu/su-kien-nhap-chuot/su-kien-an-hien-phan-tu.md).

# Sự kiện ẩn/hiện phần tử

Là tính năng giúp bạn ẩn các đoạn nội dung, và chỉ hiển thị khi click vào nút bấm tương ứng.

Ví dụ về ẩn hiện phần tử.

![](/files/GVXcg3bsnChK1szUoXnU)

Ví dụ cài đặt ẩn hiện để bấm vào nút bấm 1 hiện ra ảnh màu hồng, ẩn ảnh màu vàng và bấm vào nút bấm màu vàng sẽ hiện ra ảnh màu vàng, ẩn ảnh màu hồng.

<figure><img src="/files/Nstl3o7Q9OORarbg6sbq" alt=""><figcaption></figcaption></figure>

Để thực hiện, bạn thao tác thao tác theo các bước sau:

**Bước 1. Kiểm tra ID phần tử ảnh màu hồng và ảnh màu vàng.**

<figure><img src="/files/0vtPAYVsxTGrNKEebGhe" alt=""><figcaption></figcaption></figure>

Bạn có thể thay đổi ID phần tử để sử dụng cho các phần sau được dễ dàng hơn. ví dụ ID hình ảnh tương ứng là anh\_*hong và anh\_vang.*

<figure><img src="/files/F4WlTIE8MJgUdY5HH1Fo" alt=""><figcaption></figcaption></figure>

**Bước 2: Cài đặt sự kiện ẩn hiện cho nút bấm 1 để bấm vào nút bấm 1 hiện ra ảnh màu hồng, ẩn ảnh màu vàng.**

Bạn vào phần Thiết lập của phần tử--> chọn Sự kiện--> Hành động nhấp chuột --> chọn Ẩn/hiện phần tử.

Ẩn phần tử: dán ID phần tử muốn ẩn, ở đây là ID của ảnh màu vàng: anh\_vang.

Hiện phần tử: dán ID phần tử muốn hiện, ở đây là ID của ảnh màu hồng: anh\_hong.

<figure><img src="/files/I9eYDdIo2d08OCb3x51c" alt=""><figcaption></figcaption></figure>

**Bước 2: Cài đặt sự kiện ẩn hiện cho nút bấm 2 để bấm vào nút bấm 2 hiện ra ảnh màu vàng, ẩn ảnh màu hồng.**

Bạn cũng sẽ cài đặt tương tự ở bước 1 như hình bên dưới:

<figure><img src="/files/OsqGFl716UDzQScyAcq1" alt=""><figcaption></figcaption></figure>

Nếu bạn có nhiều nút bấm cần đi ẩn hiện, và muốn bấm vào nút bấm tiếp theo sẽ đổi màu nền và đổi màu chữ, bạn có thể sử dụng nhóm nút bấm.

<figure><img src="/files/3g8awij8FQbQ1wusBD0w" alt=""><figcaption></figcaption></figure>

Bạn thêm nhóm nút bấm bằng cách Thêm mới--> Phần tử--> Nút bấm --> Nhóm nút bấm.

<figure><img src="/files/pD2BZPrM7Qq1SPP6pljO" alt=""><figcaption></figcaption></figure>

Bạn cài đặt hiệu ứng lựa chọn trong phần Thiết lập của nhóm nút bấm--> Hiệu ứng--> Hiệu ứng lựa chọn --> màu chữ/ màu nền và màu viền.

<figure><img src="/files/CyyTvS35egj2PN6krlE0" alt=""><figcaption></figcaption></figure>

{% hint style="warning" %}
**Lưu ý:**

Bạn có muốn ẩn/hiện bao nhiêu phần tử, bạn sẽ dán danh sách bây nhiêu ID phần tử, mỗi ID là 1 dòng.
{% endhint %}