Html Javascript: Expanding Function Changes The Level Relationship Incorrectly

The problem is explained in the picture below. Once clicking the expanding function of 'Parameter 1', the level of 'Parameter 2' will change as seen in the middle picture. But act

Solution 1:

Your rowspan attribute in L1 is making problems since it should change from 3 to 2 and back in your case.

This works as you would want I think: https://jsfiddle.net/gft08cmb/6/

You should of course make it dynamic if your data is going to be dynamic also. So probably a count of rows etc. and then manipulate based on this.

Let me know if you need further help.