jQuery Simple Example

HTML

<script src="//www.addressfinder.co.nz/assets/v2/widget.js"></script>
<form class="form-horizontal">
	 <div class="container-fluid constraint">
		 <h3>Style</h3>
		 <div class="control-group">
			<label class="checkbox">
				<input type="checkbox" data-facet="28" data-constraint="2" data-cat="205" value="1"> 
				<span>Anti-slip</span>
			</label><label class="checkbox">
				<input type="checkbox" data-facet="5" data-constraint="2" data-cat="205" value="1"> 
				<span>Cement/Concrete</span>
			</label><label class="checkbox">
				<input type="checkbox" data-facet="18" data-constraint="2" data-cat="205" value="1"> 
				<span>Contemporary</span>
			</label><label class="checkbox">
				<input type="checkbox" data-facet="23" data-constraint="2" data-cat="205" value="1"> 
				<span>Encaustic</span>
			</label><label class="checkbox">
				<input type="checkbox" data-facet="17" data-constraint="2" data-cat="205" value="1"> 
				<span>Hexagon</span>
			</label><label class="checkbox">
				<input type="checkbox" data-facet="24" data-constraint="2" data-cat="205" value="1"> 
				<span>Large Format</span>
			</label><label class="checkbox">
				<input type="checkbox" data-facet="48" data-constraint="2" data-cat="205" value="1"> 
				<span>Marble</span>
			</label><label class="checkbox">
				<input type="checkbox" data-facet="29" data-constraint="2" data-cat="205" value="1"> 
				<span>Mosaic</span>
			</label><label class="checkbox">
				<input type="checkbox" data-facet="26" data-constraint="2" data-cat="205" value="1"> 
				<span>Outdoor</span>
			</label><label class="checkbox">
				<input type="checkbox" data-facet="25" data-constraint="2" data-cat="205" value="1"> 
				<span>Slim Porcelain</span>
			</label><label class="checkbox">
				<input type="checkbox" data-facet="4" data-constraint="2" data-cat="205" value="1"> 
				<span>Stone</span>
			</label><label class="checkbox">
				<input type="checkbox" data-facet="22" data-constraint="2" data-cat="205" value="1">...

CSS

.constraint {
  margin-bottom: 20px;
}

.constraint h3 {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 10px;
}

.constraint .control-group {
  display: none;
}

JavaScript

$(document).on('click touchstart', '.constraint h3', function() {
	$(this).next('.control-group').slideToggle(500);
});