How to implement a drop-down list?

Question

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 ?

Reece_Mann asked July 9th 19 at 10:40

Related questions

More answers about "How to implement a drop-down list?"

1 answer

kristian_McLaughlin answered on · Accepted Answer · 2019-07-09T10:42:37.759Z

kristian_McLaughlin answered on 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