JSFiddle - React, Tailwind, and code Playground
HTML
<div id="form">
<form>
<input type="text" name="one" class="master">
<input type="text" name="two" class="master">
<input type="text" name="three" class="master">
<input type="text" name="four" class="slave">
<input type="text" name="five" class="slave">
</form>
</div>
<div class="disappear">
Some text appears here
</div>
JavaScript
$('.disappear').hide();
$('.master').change(function() {
if ($('.master').filter(function() {
return !this.value;
}).length) {
// some are empty
$('.disappear').hide();
} else {
// none are empty
$('.disappear').show();
}
});