javascript Mudar atributo required e disabled conforme input select

[AndersonWS 10]

Boa tarde, já tentei muitas formas mas não consigo retirar o atributo required.

O resultado que eu preciso é, quando retiro o required de um (name="posicao") o outro fica com required e vice-versa e também um aparece e outro some.

 

Segue o código HTML.

<select name="posicao" class="form-control option_escolhida" style="display:none" id="2" required="" disabled>
	<option value="" selected>Selecione</option>
	<option value="1">Espaco</option>
	<option value="2">Cursos</option>
</select>
<select name="posicao" class="form-control option_escolhida" style="display:none" id="4" required="" disabled>
	<option value="" selected>Selecione</option>
	<option value="4">Políticas de privacidade</option>
</select>
<div class="sem_option"><code>Sem posição definida</code></div>
<div class="ini_option"><code>Posição inicial</code></div>
<div class="main_option" style="display:none">
	<input name="apelido" class="form-control apelido" placeholder="Nome do grupo" type="text" required="" disabled>
</div>

Segue o código javascrpt:

$('.select_escolhida').on({change: listChildren}).trigger('change');
function listChildren()
{
	if ( $(this).val() != '' ) {
		children = $('option').val();
		$(".ini_option").show();
		$(".option_escolhida").hide();
		$(".option_escolhida").attr("disabled", true);
		$("#" + $(this).val() ).show();
		$("#" + $(this).val() ).removeAttr("disabled");
		$(".sem_option").hide();
		if( ($(this).val() == '1')||($(this).val() == '3') ){
			$(".main_option").show();
			$(".apelido").removeAttr("disabled");
		} else {
			$(".main_option").hide();
			$(".apelido").attr("disabled", true);
			$(".ini_option").hide();
		}
	} else {
		$(".sem_option").show();
		$(".ini_option").hide();
		$(".apelido").hide();
	}
}

 

[AndersonWS 10]

Fiz uma alteração e agora ele faz exatamente o que eu quero, ou seja, mostra um (com required) e oculta outro (com disabled no oculto) , porém não consigo tirar o "disabled" quando faço a seleção ele fica com "disabled" em ambos, tanto no oculto quanto no que mostra, segue:

<select name="posicao" class="form-control option_escolhida" style="display:none" id="2" required="">
  ...
</select>
<select name="posicao" class="form-control option_escolhida" style="display:none" id="4" required="">
  ...
</select>

$('.select_escolhida').on({change: listChildren}).trigger('change');
function listChildren()
{
	if ( $(this).val() != '' ) {
		children = $('option').val();
		$(".ini_option").show();
		$(".option_escolhida").hide();
		$("#" + $(this).val() ).show();
		$(".sem_option").hide();
		if( ($(this).val() == '1')||($(this).val() == '3') ){
			$(".apelido").removeAttr("disabled");
			$("#" + $(this).val() ).removeAttr("disabled");
		} else {
			$(".ini_option").hide();
			$(".apelido").attr("disabled", true);
			$("#" + $(this).val() ).attr("disabled", true);
		}
	} else {
		$(".sem_option").show();
		$(".ini_option").hide();
	}
}