how to hide all right siblings with jQuery?

Question

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

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

If there are multiple ones,will fail.

Answer 1

You need to use nextAll()

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

or even better:

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