В примере ниже по клику на вопрос скрывается элемент в вопросом, по которому кликнул пользователь. Как добиться того, чтобы скрывался соответствующий элемент с ответом?
$(document).ready(function() {
$('.otvet').hide();
$('.vopros').click(function() {
$(this).toggle('slide');
});
});
* {
margin: 0px;
padding: 0px;
}
#vopros {
width: 800px;
margin: 0 auto;
padding: 15px;
background: rgb(233, 233, 233);
}
.vopros {
cursor: pointer;
text-decoration: underline;
width: 30%;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="vopros">
<p class="vopros">Первый блок</p>
<p class="otvet">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloremque earum itaque illo, dolore impedit consectetur aut, ut autem maiores ad repellat! Qui iste praesentium expedita, ipsa, quasi facilis culpa vitae.</p>
<br>
<p class="vopros">Второй блок</p>
<p class="otvet">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloremque earum itaque illo, dolore impedit consectetur aut, ut autem maiores ad repellat! Qui iste praesentium expedita, ipsa, quasi facilis culpa vitae.</p>
</div>