<html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
        $("#palco > div").hide();
        $("#sel-sexo").change(function(){
                $("#palco > div").hide();
                $( '#'+$( this ).val() ).show('fast');
        });
        $("input[name='rd-sexo']").click(function(){
                $("#palco > div").hide();
                $( '#'+$( this ).val() ).show('fast');  
        });
});
</script>
</head>
<body>
       
        <select name="sel-sexo" id="sel-sexo">
			<option value="0">Selecione</option>
			<option value="1">Titular</option>
			<option value="2">Dependente</option>
        </select>
		
        <label><input type="radio" name="rd-sexo" value="1" />Titular</label>
        <label><input type="radio" name="rd-sexo" value="2" />Dependente</label>
       
        <div id="palco">
			<div id="1">
			</div>
			
			<div id="2">
				<label>Informe a matricula do Titular</label><br>
					<input type="text" name="input-sexo" title="matricula titular" />
				</label>
			</div>
                
        </div>
</body>
</html>