Jquery next adjacent selector with $(this)

Question

How could i use the adjacent selector "+" with the $(this).

I would need a help with the commented lines with //this doesnt 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?

Thanks a lot in advance.

Best Regards.

Jose

score 12 · Accepted Answer · answered Aug 05 '10 at 09:38

12

Use next()

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

Or simply:

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

answered Aug 05 '10 at 09:38

Sarfraz

377,238
77
533
578

Radu · Answer 2 · 2013-02-19T04:13:42.310

3

You can also cut down on having two statements for hiding and showing:

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

edited Feb 19 '13 at 04:13

answered Aug 05 '10 at 09:41

Radu

8,561
8
55
91

score 1 · Answer 3 · answered Aug 05 '10 at 09:42

this is a reference to the DOM element of invocation. You can't concat a string to that.

So you either can directly use this to act on it

$(this).hide();

or you can walk through the DOM from there

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

Jquery next adjacent selector with $(this)

3 Answers3

Linked