WP UI spoilers in html templates

<div class="wp-spoiler wpui-light">
<h3 class="ui-collapsible-header fade-true slide-true open-false"><span class="ui-icon"></span>Section 1</h3>
<div class="ui-collapsible-content">
Contents of the first
</div><!-- end div.ui-collapsible-content -->
</div><!-- end div.wp-spoiler first spoiler -->

 <!-- Like so, Second spoiler -->
<div class="wp-spoiler wpui-light">
<h3 class="ui-collapsible-header fade-true slide-true open-false"><span class="ui-icon"></span>Spoiler 2</h3>
<div class="ui-collapsible-content">
Contents of the second tab
</div><!-- end div.ui-collapsible-content -->
</div><!-- end div.wp-spoiler second spoiler -->