JSFiddle - React, Tailwind, and code Playground

HTML

<div class="box">
		<div class="open">Цена<span class="expand"></span></div>
		<ul>
            <li><input type="checkbox" id="prices_1000"/><label for="prices_1000">до 1000 руб.</label></li>
			<li><input type="checkbox" id="prices_2000" /><label for="prices_2000">от 1000 до 2000 руб</label></li> 
			<li><input type="checkbox" id="prices_3000" /><label for="prices_3000">от 2000 до 3000 руб</label></li>
		</ul>
	    </div>

CSS

.box { width: 140px; margin: 15px auto; background: #fff; border: 1px solid #C8B5A1; cursor: default;position: relative; font-size: 13px;}
.expand {background: url(http://s018.radikal.ru/i505/1507/d8/163953153543.png) no-repeat left; height: 10px; width: 10px; margin: 3px 0; float: right; cursor:default}
.open {margin: 0 3px; padding: 1px;}
ul { overflow: hidden; padding: 7px 0px; }
ul li { font-size: 13px; color: #374747; padding: 3px; }

JavaScript

$(document).ready(function(){
		$("ul").hide();
		$(".open").click(function(){
		$(this).parent().find("ul").slideToggle();
		});
	});