liberar select apartir de outro selecionado

Galera, tenho o seguinte código, tenho um select com option, eu queria que quando o cara selecionasse cartão, mostrasse outro select com as bandeiras para ele selecionar, tanto de débito quanto de crédito.

Alguém poderia me ajudar?

<select class="control">
 <option>Forma de pagamento</option>
 <option>Dinheiro</option>
 <option id="cartao">Cartão de crédito</option>
 <option id="cartao">Cartão de débito</option>
</select>

<select id="bandeira" class="control">
 <option>Elo</option>
 <option>Master Card</option>
 <option>Visa</option>
 <option>Diners</option>
</select>

<script language="javascript" type="text/javascript">
 $(document).ready(function(){
 $("#bandeira").hide()
	$("#bandeira").change(
 function(){
 var valor = $("id:selected", this).val();
 if(valor == 'cartao'){
 $("#bandeira").show();
 }
 else{
 $("#bandeira").hide();
 }
 });
});
</script>'