Совместить две функции
Здравствуйте.Помогите с такой задачей,требуется чтоб второй 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/>
|