JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<div id="admin">
<select class="form-control" name="comentario_admin" id="comentario_admin_1">
<option>Funciona de forma correcta</option>
<option>Pendiente de revisión</option>
<option>Otro</option>
</select>
<textarea name="comentario_admin_otro" id="comentario_admin_otro_1"></textarea>
<select class="form-control" name="comentario_admin" id="comentario_admin_2">
<option>Funciona de forma correcta</option>
<option>Pendiente de revisión</option>
<option>Otro</option>
</select>
<textarea name="comentario_admin_otro" id="comentario_admin_otro_2"></textarea>
</div>
JavaScript
$('textarea[name="comentario_admin_otro"]').hide();
$('select[name="comentario_admin"]').change(function () {
var id = $(this).attr('id');
id = id.substr(id.length - 1, 1);
console.log(this);
if ($('#' + id + ' option:contains("Otro")').is(":selected")) {
console.log("Show " + id);
$('#comentario_admin_otro_' + id).show();
} else {
console.log("Hide " + id);
$('#comentario_admin_otro_' + id).hide();
}
})
$('#admin').on('click', 'option', function(){
console.log($(this).parent().attr('id'));
})