How to hide all the right siblings using jQuery?

Question

$(this).parent().next().css('display','none');

The above only hides the sibling right next to the current one.

If there are several, it will fail.

Answer 1

You need to use nextAll()

$(this).parent().nextAll().css('display','none');

or even better:

$(this).parent().nextAll().hide()