Collapsible Sections on Form: all start closed or top one open?

[roattw]

I was able to implement the collapsible sections using the Caspio How To.  However, the sections all start in the open state.  I would like them to open in the closed state, or better yest just the first one open.

Thed instructionsz say "By default, all of the sections we created will be hidden. You can change a section’s default visibility by setting the HTML table’s style attribute to “display:inline;” instead of “display:none;”."  But mine are not opening closed by default.

[kpcollier]

This is what I use. The sections are closed when you open the page. 

Do this for each section. If you want the first one to be opened when you first open the page, just get rid of the style="display:none" on the opening HTML block.

HTML Block at beginning of section, enter this.

<input type="button" onClick="Displayer(1)"
value="Receiving Info"><br>

<style>
button styling
</style>

<table id="Section1" style="display:none;"><td>

HTML Block at the end of section, enter this.

</td></table>

With this little script in the footer

<script>
function Displayer(n)
{
var check = document.getElementById('Section'+n);
if(check.style.display == 'none')
{
check.style.display='inline';
}
else
{
check.style.display='none';
}
}
</script>

 

[roattw]

Thanks for the reply kp.  That is exactly what I have in place.  Well, obviously something is not correct but I cant find it yet.  Will dissect further.

[cheonsa]

Hello!

You can check this video tutorial. The sections are closed by default.