<div class="refine-search__container">

    <h3 class="refine-search__title">Refine search</h3>
    <div class="refine-search__list">
        <div class="custom-input custom-input--checkbox refine-search__item">
            <input id="checkbox-1" type="checkbox" checked='checked' class="custom-input__input">
            <label for="checkbox-1" class="custom-input__label">All</label>
        </div>
        <div class="custom-input custom-input--checkbox refine-search__item">
            <input id="checkbox-2" type="checkbox" checked='checked' class="custom-input__input">
            <label for="checkbox-2" class="custom-input__label">User location</label>
        </div>
        <div class="custom-input custom-input--checkbox refine-search__item">
            <input id="checkbox-3" type="checkbox" class="custom-input__input">
            <label for="checkbox-3" class="custom-input__label">Country</label>
        </div>
        <div class="custom-input custom-input--checkbox refine-search__item">
            <input id="checkbox-4" type="checkbox" class="custom-input__input">
            <label for="checkbox-4" class="custom-input__label">Country</label>
        </div>
        <div class="custom-input custom-input--checkbox refine-search__item">
            <input id="checkbox-5" type="checkbox" class="custom-input__input">
            <label for="checkbox-5" class="custom-input__label">Country</label>
        </div>
        <div class="custom-input custom-input--checkbox refine-search__item">
            <input id="checkbox-6" type="checkbox" class="custom-input__input">
            <label for="checkbox-6" class="custom-input__label">Country</label>
        </div>
        <div class="custom-input custom-input--checkbox refine-search__item">
            <input id="checkbox-7" type="checkbox" class="custom-input__input">
            <label for="checkbox-7" class="custom-input__label">Country</label>
        </div>
        <div class="custom-input custom-input--checkbox refine-search__item">
            <input id="checkbox-8" type="checkbox" class="custom-input__input">
            <label for="checkbox-8" class="custom-input__label">Country</label>
        </div>
    </div>
</div>
<div class="refine-search__container">
	{{> @heading hType="h3" hText="Refine search" hClass="refine-search__title"}}
	<div class="refine-search__list">
		{{> @custom-inputs extraClasses="refine-search__item" type="checkbox" sequence="1" isChecked="true" labelText="All"}}
		{{> @custom-inputs extraClasses="refine-search__item" type="checkbox" sequence="2" isChecked="true" labelText="User location"}}
		{{> @custom-inputs extraClasses="refine-search__item" type="checkbox" sequence="3" labelText="Country"}}
		{{> @custom-inputs extraClasses="refine-search__item" type="checkbox" sequence="4" labelText="Country"}}
		{{> @custom-inputs extraClasses="refine-search__item" type="checkbox" sequence="5" labelText="Country"}}
		{{> @custom-inputs extraClasses="refine-search__item" type="checkbox" sequence="6" labelText="Country"}}
		{{> @custom-inputs extraClasses="refine-search__item" type="checkbox" sequence="7" labelText="Country"}}
		{{> @custom-inputs extraClasses="refine-search__item" type="checkbox" sequence="8" labelText="Country"}}
	</div>
</div>
/* No context defined for this component. */
$(document).ready(function($) {
	$('.refine-search__title').on('click', function() {
		$(this).next().stop().slideDown(400);
	});
});

There are no notes for this item.