JSFiddle - React, Tailwind, and code Playground

by benhowdle89

HTML

<div class="slide">
	<span class="btn-slide">
	<div class="field_with_errors"><label for="user_expenses_attributes_0_agent_commission">agent commission</label></div>
	<div class="field_with_errors"><select id="user_expenses_attributes_0_agent_commission" name="user[expenses_attributes][0][agent_commission]" data-validate="true"><option value="">Please select an option</option>
<option value="0">N/A</option>
<option value="08.0">8%</option>
<option value="09.0">9%</option>
<option value="10.0">10%</option>
<option value="11.0">11%</option>
<option value="12.0">12%</option>
<option value="13.0">13%</option>
<option value="14.0">14%</option>
<option value="15.0">15%</option></select><label for="user_expenses_attributes_0_agent_commission" class="message">can't be blank</label></div>
	</span>
	</div>

<p class="content" style="display: none;">Select 'N/A' if managing your own property as letting agent fees won't apply (applicable VAT included).</p>

<div class="slide">
	<span class="btn-slide">
	<div class="field_with_errors"><label for="user_expenses_attributes_0_agent_commission">agent commission</label></div>
	<div class="field_with_errors"><select id="user_expenses_attributes_0_agent_commission" name="user[expenses_attributes][0][agent_commission]" data-validate="true"><option value="">Please select an option</option>
<option value="0">N/A</option>
<option value="08.0">8%</option>
<option value="09.0">9%</option>
<option value="10.0">10%</option>
<option value="11.0">11%</option>
<option value="12.0">12%</option>
<option value="13.0">13%</option>
<option value="14.0">14%</option>
<option value="15.0">15%</option></select><label for="user_expenses_attributes_0_agent_commission" class="message">can't be blank</label></div>
	</span>
	</div>

<p class="content" style="display: none;">Select 'N/A' if managing your own property as letting agent fees won't apply (applicable VAT included).</p>

<div class="slide">
	<span class="btn-slide">
	<div...

JavaScript

$(':input').focus(function(){
    $(this).parents('.slide').next('.content').fadeIn();
});

$(':input').blur(function(){
    $(this).parents('.slide').next('.content').fadeOut();
});