# On clicking the icon, I require the ability to display or conceal a particular section

**URL:** <https://community.weweb.io/t/on-clicking-the-icon-i-require-the-ability-to-display-or-conceal-a-particular-section/4668>\
**Category:** Ask us anything\
**Created:** [September 29, 2023, 5:18pm UTC](https://community.weweb.io/t/on-clicking-the-icon-i-require-the-ability-to-display-or-conceal-a-particular-section/4668 "2023-09-29T17:18:22Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![HananRADWAN](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/hananradwan/32/5076_2.png) [@HananRADWAN](https://community.weweb.io/u/HananRADWAN)\
**Post date:** [September 29, 2023, 5:18pm UTC](https://community.weweb.io/t/on-clicking-the-icon-i-require-the-ability-to-display-or-conceal-a-particular-section/4668/1 "2023-09-29T17:18:22Z")

</div>

Hello,  
I am creating a webpage to present particular information to the user. However, I would like to provide the data in two different formats, allowing the user to select the one that best suits their needs.  
I have added icons and associated sections, but I am struggling to implement the feature that allows the user to hide and show one of the formats by clicking.  
Is this functionality available on WeWeb? If so, could you please guide me on how to achieve it?  
Thank you for your assistance.

![image](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/d/dea5edab0cc0462efa4d40cb07bc444c4b943eef.png)

![image](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/9/9083dad8c3473e38a8b4b368c85745d67cae75f0.png)

---

<div class="post-metadata">

**Author:** ![GeovanyFerreira](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/geovanyferreira/32/13093_2.png) [@GeovanyFerreira](https://community.weweb.io/u/GeovanyFerreira)\
**Post date:** [September 29, 2023, 7:02pm UTC](https://community.weweb.io/t/on-clicking-the-icon-i-require-the-ability-to-display-or-conceal-a-particular-section/4668/2 "2023-09-29T19:02:41Z")

</div>

You can do it in 2 ways, using the tab element (I prefer) or create a variable and call it in conditional rendering so that when you click on the icon it adds the value to show or not

---

<div class="post-metadata">

**Author:** ![GeovanyFerreira](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/geovanyferreira/32/13093_2.png) [@GeovanyFerreira](https://community.weweb.io/u/GeovanyFerreira)\
**Post date:** [September 29, 2023, 7:14pm UTC](https://community.weweb.io/t/on-clicking-the-icon-i-require-the-ability-to-display-or-conceal-a-particular-section/4668/3 "2023-09-29T19:14:33Z")

</div>

Using tab

---

<div class="post-metadata">

**Author:** ![GeovanyFerreira](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/geovanyferreira/32/13093_2.png) [@GeovanyFerreira](https://community.weweb.io/u/GeovanyFerreira)\
**Post date:** [September 29, 2023, 7:30pm UTC](https://community.weweb.io/t/on-clicking-the-icon-i-require-the-ability-to-display-or-conceal-a-particular-section/4668/4 "2023-09-29T19:30:23Z")

</div>

Using variable

---

<div class="post-metadata">

**Author:** ![HananRADWAN](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/hananradwan/32/5076_2.png) [@HananRADWAN](https://community.weweb.io/u/HananRADWAN)\
**Post date:** [September 29, 2023, 7:59pm UTC](https://community.weweb.io/t/on-clicking-the-icon-i-require-the-ability-to-display-or-conceal-a-particular-section/4668/5 "2023-09-29T19:59:07Z")

</div>

@GeovanyFerreira I am grateful for the time you have given me and I have decided to proceed with the first solution. 🌸