JSFiddle - React, Tailwind, and code Playground

HTML

<div class="question">
						<form action="">
							<legend class="quest">задать вопрос вы можете, заполнив форму</legend>
							<div class="question_select">
								<div class="question_select_alone">
									<input type="text" name="person" value="Выбрать специалиста" disabled>
								</div>
								<div class="question_select_list">		
								<div class="question_select_item_wrapp hide">
									<div class="question_select_item">
										<div class="question_select_item_img">
											<img src="images/doctor1.jpg" alt="">
										</div>
										<div class="question_select_item_text">
											<span class="name-person">Михаил Юрьевич</span>
											<input type="hidden" value="Михаил Юрьевич" name="" >
											<span class="position">Врач стоматолог детский,врач-ортодонт</span>
										</div>
									</div>
								</div>
									
								<div class="question_select_item_wrapp hide">
									<div class="question_select_item">
										<div class="question_select_item_img">
											<img src="images/doctor2.jpg" alt="">
										</div>
										<div class="question_select_item_text">
											<span class="name-person">Сергей Николаевич</span>
											<input type="hidden" value="Сергей Николаевич" name="" >
											<span class="position">Врач стоматолог детский,врач-ортодонт</span>
										</div>
									</div>
								</div>

								
								<div class="question_select_item_wrapp hide">
									<div class="question_select_item">
										<div class="question_select_item_img">
											<img src="images/doctor3.jpg" alt="">
										</div>
										<div class="question_select_item_text">
											<span class="name-person">Анна Алексеевна</span>
											<input type="hidden" value="Анна Алексеевна" name="" >
											<span class="position">Врач стоматолог детский,врач-ортодонт</span>
										</div>
									</div>
								</div>

								<div class="question_select_item_wrapp hide">
									<div...

CSS

.question_select{
	width: 450px;
	border: 1px solid #d9d9d9;
	margin: 20px 0;
}
.question_select_alone{
	border-bottom: 1px solid #d9d9d9;
	padding: 5px 30px 5px 10px;
	background: url(../images/select.png) no-repeat 97% 50%;
	cursor: pointer;
}
.question_select_alone input{
	border: 0;
	font-size: 12px;
	text-transform: uppercase;
	width: 100%;
	background: #fff;
	cursor: pointer;
}
.question_select_list{
	background: #f5f5f5;
	
}
.question_select_item_wrapp{display: block;}
.question_select_item_wrapp.hide{display: none;}
.question_select_item{
	display: table;
	padding: 10px;
	width: 100%;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	cursor: pointer;
	position: relative;
}
.question_select_item:hover, .question_select_item.active{
	background: #a1b80d;
	color: #fff;
}
.question_select_item_wrapp:hover .position,
.question_select_item_wrapp.active .position{color: #fff;}
.question_select_item div{
	display: table-cell;
	vertical-align: middle;
}
.question_select_item_wrapp.active{
	background: #a1b80d url(../images/check.png)no-repeat 97% 50%;
}

.question_select_item_img{
	position: relative;
	width: 66px;
	height: 53px;
	overflow: hidden;
	border-radius: 3px;
	border: 1px solid #d9d9d9;
	background: #fff;
}
.question_select_item_img img{
	position: absolute;
	max-width: 100%;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}
.question_select_item_text{
	padding-left: 15px;
}
.question_select_item_text span{display: block;}
.position{
	font: 12.5px Arial;
	color: #666666;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
}

JavaScript

$(".question_select_alone").click(function(){
		$('.question_select_item_wrapp').toggleClass('hide');
	});