I manage to make table row expand and hide but when I add another row it's like all row collapsed together .
Your help really appreciate.
nextAll(), just use
Also there should not be repeated ids in an HTML document, so replace all of the
more ids with classes.
Refer to the JSFiddle for what the updated code should look like.