JSFiddle - React, Tailwind, and code Playground
HTML
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/dot-luv/jquery-ui.css">
<li id="li-11-20" class=""><label for="cf11_field_20"><span>Sort of accommodation</span></label><select name="cf11_field_20" id="cf11_field_20" class="cformselect" title="MedHeal offers different categories of accommodation – please choose one for your companions and yourself when you are not in hospital.">
<option value="full03_accommodation_notselected" selected="selected">Please select...</option>
<option value="full03_accommodation_hotel">Hotel</option>
<option value="full03_accommodation_apartment">Apartment</option>
<option value="full03_accommodation_house">House</option>
<option value="full03_accommodation_other">Other</option>
</select></li>
<li id="li-11-22" class=""><label for="cf11_field_22"><span>Hotel: Please specify</span></label><select name="cf11_field_22" id="cf11_field_22" class="cformselect" >
<option value="full03_hotel_notselected" selected="selected">Please select...</option>
<option value="First Class Hotel (*****)">First Class Hotel (*****)</option>
<option value="Superior Hotel (****)">Superior Hotel (****)</option>
<option value="Good Hotel (***)">Good Hotel (***)</option>
<option value="full03_hotel_other">Other</option>
</select></li>
<li id="li-11-23" class=""><label for="cf11_field_23"><span>Hotel: Please specify</span></label><input type="text" name="cf11_field_23" id="cf11_field_23" class="single" value=""/></li>
JavaScript
$('#cf11_field_20').change(function() {
$("#li-11-22")[$(this).val() == "full03_accommodation_hotel" ? 'show' : 'hide']("fast");
}).change();
$('#cf11_field_22').change(function() {
$("#li-11-23")[$(this).val() == "full03_hotel_other" ? 'show' : 'hide']("fast");
}).change();