JSFiddle - React, Tailwind, and code Playground

by iii l

HTML

<link rel="stylesheet" href="http://mnogonoga.ru/clicont/css/style.css">
<script src="http://mnogonoga.ru/js/checkbox_radio.js"></script>
<div class="zn_left_menu zn_left_order zn_left_gray">
						<div class="zn_left_order_service">
						</div>
                        <form id="formUslugi" action="#">
                            <ul class="zn_check_list">
                                <li><span class="checkbox" style="background-position: 0px 0px;"></span><input type="checkbox" class="styled" id="a" name="uslugiForm"><label for="a"> Выезд и оценка</label></li>
                                <li><span class="checkbox" style="background-position: 0px 0px;"></span><input type="checkbox" class="styled" id="b" name="uslugiForm"><label for="b"> Доставка</label></li>
                                <li><span class="checkbox" style="background-position: 0px 0px;"></span><input type="checkbox" class="styled" id="c" name="uslugiForm"><label for="c"> Монтаж оборудования</label></li>
                                <li><span class="checkbox" style="background-position: 0px 0px;"></span><input type="checkbox" class="styled" id="d" name="uslugiForm"><label for="d"> Проектирование</label></li>
                                <li><span class="checkbox" style="background-position: 0px 0px;"></span><input type="checkbox" class="styled" id="e" name="uslugiForm"><label for="e"> Сервис</label></li>
                            </ul>
                            <ul class="zn_check_list_inputZakaz">
                            	<li><input type="text" placeholder="Имя" name=""></li>
                                <li><input type="text" placeholder="Номер" name=""></li>
                                <li><textarea placeholder="Сообщение"></textarea></li>
                            </ul>
							<a class="zn_blue_buttom zn_left_order_service_buttom" href="#">Заказать</a>
                        </form>
					</div>

JavaScript

$('ul.zn_check_list li input[name="uslugiForm"], span.checkbox').on('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);
    }
})