Question

I have a table which gets data from the database using PHP.

The table contains the parent 2 elements, lets say they are:

Name    Surname    << table row id = info1

Name    Surname    << table row id = info2

Beneath every row, there is another row which is hidden by default. When first name is clicked, this is how i want it to display:

Name    Surname    << table row id = info1
DOB     City       << table row id = infoSub1

Name    Surname    << table row id = info2
                   << table row id = infoSub2 NOT DISPLAYED

How can I implement this in the most effective way?

Thanks

Answer 1

$("#info1").click(function() {
    $(this).children("#infoSub1").slideDown();
});

Then do the same for info2 and infoSub2 🙂