# 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 %}


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://helpv3.ladipage.vn/su-kien-cho-phan-tu/su-kien-nhap-chuot/su-kien-an-hien-phan-tu.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.