JQuery next neighboring selector with $ (this)

Question

How can I use the adjacent "+" selector with $ (this).

I need help with commented out lines with // this doesn't work:

$(".ExpandCollapse").click(function () { if ($(this).nextUntil('.Collapsable').is(':visible')) { //this doesnt work $(this + ".Collapsable").hide(); } else { //this doesnt work $(this + ".Collapsable").show(); } }); 

Could you give me a hand?

Thank you very much in advance.

Best wishes.

Jose

Answer 1

Use next()

 $(this).next(".Collapsable").hide(); 

Or simply:

 $(this).next().hide(); 

Answer 2

You can also reduce the availability of two operators for hiding and displaying:

 $(this).next().toggle(); 

Answer 3

this is a reference to a DOM element call. You cannot execute string .

So you can directly use this to act on it

 $(this).hide(); 

or you can go through the DOM from there

 $(this).next().hide(); $(this).prev().hide(); $(this).closest('.Collapsable').hide(); // another 200 methods