CSS div hide form until click

***EDIT***
The form was not displaying because I am an idiot admin!

ISSUE RESOLVED

Will leave this here in case it helps anyone else.

***END EDIT***

I’m trying to hide the form until user clocks button to say they agree / understand.

Unfortunately this won’t work.

#reportChan {
 	display:none;
}

<script>
function myFunction() {
  var x = document.getElementById("reportChan");
     x.style.display = "block";
}
</script>

<button onclick="myFunction()">Show form</button>

<div id="reportChan>[kbs_submit form="143385"]</div>

Is there a way to achieve it or can you add CSS class for the entire form and not just fields? Perhaps that would work.

Thank you

• This topic was modified 5 years, 4 months ago by Anonymous User 13302461.
• This topic was modified 5 years, 4 months ago by Anonymous User 13302461.
• This topic was modified 5 years, 4 months ago by Anonymous User 13302461.
• This topic was modified 5 years, 4 months ago by Anonymous User 13302461.
• This topic was modified 5 years, 4 months ago by Anonymous User 13302461.
• This topic was modified 5 years, 4 months ago by Anonymous User 13302461.