# Toggle button for showing and hiding a row -- update from 2019?

**URL:** <https://community.wpbeaverbuilder.com/t/toggle-button-for-showing-and-hiding-a-row-update-from-2019/18632>\
**Category:** Beaver Builder\
**Created:** [June 9, 2024, 9:59pm UTC](https://community.wpbeaverbuilder.com/t/toggle-button-for-showing-and-hiding-a-row-update-from-2019/18632 "2024-06-09T21:59:55Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![cinematic6436](https://community.wpbeaverbuilder.com/letter_avatar_proxy/v4/letter/c/e95f7d/32.png) [@cinematic6436](https://community.wpbeaverbuilder.com/u/cinematic6436)\
**Post date:** [June 9, 2024, 9:59pm UTC](https://community.wpbeaverbuilder.com/t/toggle-button-for-showing-and-hiding-a-row-update-from-2019/18632/1 "2024-06-09T21:59:55Z")

</div>

Hello all –

I’m interested in showing/hiding a row when someone clicks a button. I came across this post from 2019 (link below) that sounds like it’s exactly what I need, but I can’t paste “JavaScript: void(0);” into the Link field of the button module without getting the following error:

“Something you entered has triggered a 403 error. This is nearly always due to mod\_security settings from your hosting provider. See this Knowledge Base article for more info.”

Do I have to change the mod\_security settings somehow or am I supposed to go in a different direction to achieve my goal? Any help anyone could provide would be greatly appreciated.

Thanks!  
Brian

Here’s the 2019 link I mentioned:

> [@Toggle button for showing and hiding a row](https://community.wpbeaverbuilder.com/t/toggle-button-for-showing-and-hiding-a-row/9770):
>
> I created a similar effect for Elementor, but had issues doing the same for BB. [wpbeaverworld](https://community.wpbeaverbuilder.com/u/wpbeaverworld) was kind enough to show me how to do the same thing on BB. Here are the code snippets for implementing this custom functionality. Add a row and configure its settings as follows: ID: [Enter ID to identify the row] Class: toggle-section Note: The name of the class can be something else. Add a button above the row and configure its settings as follows: Text: [Enter Name of Button] Link: JavaScr…

---

<div class="post-metadata">

**Author:** ![pross](https://community.wpbeaverbuilder.com/user_avatar/community.wpbeaverbuilder.com/pross/32/883_2.png) [@pross](https://community.wpbeaverbuilder.com/u/pross)\
**Post date:** [June 10, 2024, 1:45pm UTC](https://community.wpbeaverbuilder.com/t/toggle-button-for-showing-and-hiding-a-row-update-from-2019/18632/2 "2024-06-10T13:45:53Z")

</div>

> [@cinematic6436](#):
>
> Knowledge Base article

The link in the popup explains how to get around that issue.

---

<div class="post-metadata">

**Author:** ![cinematic6436](https://community.wpbeaverbuilder.com/letter_avatar_proxy/v4/letter/c/e95f7d/32.png) [@cinematic6436](https://community.wpbeaverbuilder.com/u/cinematic6436)\
**Post date:** [June 10, 2024, 3:02pm UTC](https://community.wpbeaverbuilder.com/t/toggle-button-for-showing-and-hiding-a-row-update-from-2019/18632/3 "2024-06-10T15:02:49Z")

</div>

Thank you! It works now. I guess I thought it’d be a lot more complicated than that… 🤦‍♂️

---

<div class="post-metadata">

**Author:** ![cinematic6436](https://community.wpbeaverbuilder.com/letter_avatar_proxy/v4/letter/c/e95f7d/32.png) [@cinematic6436](https://community.wpbeaverbuilder.com/u/cinematic6436)\
**Post date:** [June 11, 2024, 12:09am UTC](https://community.wpbeaverbuilder.com/t/toggle-button-for-showing-and-hiding-a-row-update-from-2019/18632/4 "2024-06-11T00:09:22Z")

</div>

I tried testing the steps in that link out but can’t get it work properly. Regarding the very first post, if I paste the CSS & Javascript codes to their respective fields & publish my page, it doesn’t load – I just get a blank, white screen.

I tried pasting what Chris Johnston posted in his Feb. 2022 post in the Javascript field, but instead of making the row disappear, it brings me up to the very top of my page when I click the button.

---

<div class="post-metadata">

**Author:** ![system](https://community.wpbeaverbuilder.com/uploads/default/original/2X/9/9db1b183a7ea1efa26199a2a2b3511d742473dae.png) [@system](https://community.wpbeaverbuilder.com/u/system)\
**Post date:** [June 12, 2024, 12:09pm UTC](https://community.wpbeaverbuilder.com/t/toggle-button-for-showing-and-hiding-a-row-update-from-2019/18632/5 "2024-06-12T12:09:37Z")

</div>

This topic was automatically closed 36 hours after the last reply. New replies are no longer allowed.