I need help with code to show a hidden element on my page, once a button is clicked. I currently have two buttons on a page and need each of them to show the corresponding element. Below are the element names and what I need them to do:
ELEMENTS:
#button3 is shown on page load
#button4 is shown on page load
#powrFormBuilder1 is hidden on page load
#powrFormBuilder2 is hidden on page load
FUNCTIONALITY:
Click #button3, Show #powrFormBuilder1
Click #button4, Show #powrFormBuilder2
Thank you so much!
export function button3_click(event) {
$w(‘#powrFormBuilder1’).show();
}
Thank you! I was able to get that set to work. But when I apply the same code for the other button and change the appropriate element names, it doesn’t work for that one. Button4 doesn’t respond when clicked.
Also, I had to change the form elements to “collapse on load” instead of hidden on load, so that it wouldn’t populate a huge empty space. And when I did that, the first button stopped working. Would the code be different for that setting?
If the element is collapsed you’ll want to use
.expand();
Are you placing this code inside the onReady function?
Okay, I moved the code to the onReady section and updated it to .expand(); and its showing an error…
Moved the code to outside the onReady and the first button works again. But the 2nd button still doesn’t respond.
