استخدام "هذا" مع مسج المختارون

Question

ولدي بعض 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 انا وضع 'ع' كلمة دلالية لعرض: لا شيء؛. أريد استخدام مسج لعرض أو إخفاء 'ع' العلامة عند النقر فوق مرساة، ولكن أواجه بعض المشاكل مع الأخوة محدد.

ومجرد محاولة للحصول على عمل محدد، حاولت:

$("a.question").click(function () {
    $(this + " ~ p").css("background-color", "red");
});

ولاختبار بها. على ما يبدو، محدد الأخوة لا يمكن حقا أن تستخدم مثل ذلك، وكما أنا جديدة تماما لمسج لا أعرف الوسائل المناسبة لتحقيق ذلك.

ويرجع الفضل في ذلك مسبقا!

Answer 1

وحاول استخدام:

$(this).siblings('p').css()

Answer 2

$(this).next("p").css("...")

وعلى "ع" أعلاه هو اختياري، إذا كنت ترغب فقط العقدة غير المسافات البيضاء التالية في DOM.

Answer 3

<اقتباس فقرة>   

وأريد استخدام مسج لعرض أو إخفاء 'ع' العلامة عندما يتم النقر على مرساة

وبما أنك ذكرت أنك ترغب في تبديل 'ع' العلامة عند النقر فوق مرساة، كنت تفعل:

  $("a.question").click(function (event) {
      $(this).siblings('p').show(); //toggle the p tags that are siblings to the clicked element
      event.preventDefault(); //stop the browser from following the link
  });