JSFiddle - React, Tailwind, and code Playground
HTML
<div id="accordion">
<h3>
Развивающие занятия для детей от 1 года
</h3>
<div>
<span class="datefields">
<input type="text" class="datepicker"><button class="btn">
Записаться
</button>
</span>
</div>
<h3>
Школа будущего первоклассника
</h3>
<div>
<span class="datefields">
<input type="text" class="datepicker"><button class="btn">
Записаться
</button>
</span>
</div>
<h3>
Игровые занятия «Английский с мамой и папой»
</h3>
<div>
<span class="datefields">
<input type="text" class="datepicker"><button class="btn">
Записаться
</button>
</span>
</div></div>
<div id='fiomob'><img src='https://cdn0.iconfinder.com/data/icons/slim-square-icons-basics/100/basics-22-128.png'>
<p>ФИО:<br /><input type="text" name="your_name" /></p>
<p>Мобильный:<br /><input type="text" name="tema" /></p>
<p><input type="submit" value="Отправить"></p></div>
CSS
.datefields .datepicker {
display: none;
}
#fiomob img{}
#fiomob img{width:20px;float:right;cursor:pointer}
#fiomob{width:200px}
JavaScript
(function($){
$( "#accordion" ).accordion({
collapsible: true,
heightStyle: "content"
});
$('#fiomob img').click(function(){$("#fiomob").hide();})
$("#fiomob").hide();
$('.datefields').each(function(){
var self = $(this),
btn = $('.btn', self);
btn.on('click', function(){
btn.after($('#fiomob').show())
})
})
}(jQuery));