collapslable database driven rows

[dot_net_help]

Please refer follwoing code

$result = mysql_query("select * from topic");


echo "<div>";
echo "<table>
<tr>
<th>topicid</th>
<th>TopicName</th>
</tr>";

while($row = mysql_fetch_array($result))
  {
  echo "<tr bgcolor='#736A6E'>";
$topicid =  $row['TopicID'] ;
  echo "<td>" . $row['TopicID'] .   "</td>";
  echo "<td>" . $row['TopicName'] ."</td>";
//********************************************************

//Child table  rows

//**********************
 echo "</tr>";
echo "<tr><td></td></tr>";
echo "<tr><td></td></tr>";

  }
echo "</table>";


echo "</div>";

i need child rows disbaled initailly and then enabled when parent rows clcik..

i wnat this using php jquery /database

Thanks