Using “this” with jQuery Selectors

Question

I have some HTML that looks like this:

    

        This is my questi         


        

Answer 1

I want to use jQuery to display or hide the 'p' tag when the anchor is clicked

Since you mentioned that you'd like to toggle the 'p' tag when the anchor is clicked, I'd do:

  $("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
  });      

Answer 2

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

the "p" above is optional, if you just want the next non-whitespace node in the DOM.

Answer 3

Try using:

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