How to implement a drop-down list?

There is a table. In one line the name of the service, and in other rows the following explanation of this service.Then the name again etc. Example https://jsfiddle.net/jdzffn3m/

Problem:

I can not understand how can I implement a drop-down list by clicking on the name.
I either falls one row to the next() or all nextAll().
How to make table had only the rows that come after the name, not all ?
July 9th 19 at 10:40
1 answer
July 9th 19 at 10:42
Solution
In this situation you can use .the next() method, and .nextUntil(".title").
And in General, lists should not do: the script will break at the slightest change of the layout, the table does not slide not animated.
.nextUntil(".title"). also does not work as I need.What if I replace the table div ?It would be very bad? - Reece_Mann commented on July 9th 19 at 10:45
table replace with div-s and stuff is good. In the lists wypadkach - did not need the table. - kristian_McLaughlin commented on July 9th 19 at 10:48

Find more questions by tags JavaScriptjQuery