JSFiddle - React, Tailwind, and code Playground

by iii l

HTML

<ul class="zn_check_list">
	<li>
		<input id="a" type="checkbox" style="display:none"  name="uslugiForm">
		<label for="a"><span class="checkbox" style="background-position: 0px 0px;"></span> Выезд и оценка</label>
	</li>
	<li>
		<input id="b" class="styled" style="display:none"  type="checkbox" name="uslugiForm">
		<label for="b"><span class="checkbox" style="background-position: 0px 0px;"></span> Доставка</label>
	</li>
        </ul>
        <ul class="zn_check_list_inputZakaz"  style="display:none">
            <li >заказ</li>
        </ul>

CSS

span.checkbox {
    display:inline-block;
    height:10px;
    width:10px;
    background:red;
}

JavaScript

$('ul.zn_check_list li input[name="uslugiForm"]').click(function(){
		if( $('ul.zn_check_list li input[name="uslugiForm"]').is(':checked')) {
        	$("ul.zn_check_list_inputZakaz").show(200);
		} else {
			$("ul.zn_check_list_inputZakaz").hide(100);
		}
	})