how to hide all right siblings with jQuery?

jquery, siblings

Solution

You need to use `nextAll()`

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

or even better:

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

Problem

``` $(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.

Original source