I have a html form with couple of input elements (displayed) and few input elements are collapsed with bootstrap with a "More Options" button to see the hidden elements which are optional in the form.
<button data-toggle="collapse" data-target="#optional" class="btn btn-default">More Options</button>
When the page is first loaded and i click on the more options button it works perfect like how toggle collapse should work in bootstrap. But the issue is when i fill all the displayed elements and then click "More Options" button it's not working and flickering open and permanently closing. Unable to find what exactly causing it. Here is fiddle i tried. Fiddle
And how do i resolve it?
type="button"
to your "More Options"button
element ?