У меня есть HTML-код, который выглядит следующим образом:
<ul class="faq">
<li class="open">
<a class="question" href="">This is my question?</a>
<p>Of course you can, it will be awesome. </p>
</li>
</ul>
Используя CSS, я устанавливаю тег p
на display:none;
. Я хочу использовать jQuery для отображения или скрытия тега p
при нажатии на anchor
, но у меня возникли некоторые проблемы с селектором родного брата.
Просто пытаясь заставить селектор работать, я попытался:
$("a.question").click(function () {
$(this + " ~ p").css("background-color", "red");
});
чтобы проверить это. Похоже, что селектор братьев и сестер не может быть использован таким образом, и, поскольку я совершенно новичок в jQuery, я не знаю подходящих средств для этого.