[tonk]

Здравствуйте.Помогите с такой задачей,требуется чтоб второй div появился вместо первого,вот что я смог сделать,а как это совместить не пойму.Спасибо

$( "input[value='ans_1']" ).click(function() {
  $( "#q2" ).show( "fast" );
});
$( "input[value='ans_1']" ).click(function() {
  $( "#q1" ).hide( "slow" );
});

<div id="q1">
    <p>Где бы вы хотели жить?<p/>
<form>
    <label>
    <input type="radio" name="answer" value="ans_1">
    <span>В центре?</span>
        <label/>
    <label>
    <input type="radio" name="answer" value="ans_2">
    <span>У моря?</span>
        <label/>
    <label>
    <input type="radio" name="answer" value="ans_3">
    <span>За городом?</span>
        <label/>    
        <form/>
        <div/>
  <div id="q2" hidden="true">
    <p>Вы любите эпатировать окружающих?<p/>
<form>
    <label>
    <input type="radio" name="answer" value="ans_4">
    <span>Да</span>
        <label/>
    <label>
    <input type="radio" name="answer" value="ans_5">
    <span>Нет</span>
        <label/>
        <form/>
        <div/>