Форумы портала PHP.SU :: Версия для печати :: Выпадающее меню из строки в таблице, выведенной циклом

1. Хайван - 03 Декабря, 2016 - 20:46:20 - перейти к сообщению

Всё работает по такому скрипту:

while ($line = mysql_fetch_array($result, MYSQL_NUM)) {
 /*Выводим результат запроса в цикле*/
print "\t<tr class='main-item' href='javascript:void(0);' tabindex='1' >\n"; // это основная строка, при нажатии на нё активируется раскрывающееся меню
while ($i < $number){
    $id= MYSQL_RESULT ($result,$i,"name");
    $komp= MYSQL_RESULT ($result,$i,"steamid");
    $mark= MYSQL_RESULT ($result,$i,"reason");
    $cena= MYSQL_RESULT ($result,$i,"server");
    $source= MYSQL_RESULT ($result,$i,"source");
    $addingtime= MYSQL_RESULT ($result,$i,"addingtime");
    $expire= MYSQL_RESULT ($result,$i,"expire");
    $ip= MYSQL_RESULT ($result,$i,"ip");
        
print "\t\t<td bgcolor=\"ededed\" width=\"15%\" align=\"center\"><a href=\"https://steamcommunity.com/profiles/$komp\" target=_blank>$id</a></td>\n"; 
print "\t\t<td bgcolor=\"ffffff\" width=\"14%\" align=\"center\"><a href=\"https://steamcommunity.com/profiles/$komp\" target=_blank>$komp</a></td>\n"; 
print "\t\t<td bgcolor=\"ededed\" width=\"14%\" align=\"left\">$mark</td>\n"; 
print "\t\t<td bgcolor=\"ffffff\" width=\"13%\" align=\"right\"></td>\n";  
print "\t\t<td bgcolor=\"ededed\" width=\"10%\" align=\"right\">$source1</td>\n";  
print "\t\t<td bgcolor=\"ffffff\" width=\"10%\" align=\"right\">$addingtime1</td>\n";  
print "\t\t<td bgcolor=\"ededed\" width=\"7%\" align=\"right\">$timeleft</td>\n"; 
$i++;
 
print "\t</tr>\n";
print "\t<tr class='sub-menu' id='$komp'> \n"; // это не видимая строка появляется под основной, появляется когда нажмут на основную
print "\t<td>IP адрес: $ip</td>  \n";
print "\t<td>доп...</td> \n";
print "\t</tr>\n";
}
}
/*конец цикл*/
print "</table>\n";

Регулируется таким КСС:

CODE (htmlphp):
скопировать код в буфер обмена

.sub-menu 
{ 
   display: none; 
} 
.main-item:focus ~ .sub-menu, 
.main-item:active ~ .sub-menu, 
.sub-menu:hover 
{ 
   display: block; 
} 

Но выпадающие менюшки выпадают только при нажатии на первую строку в таблице, и выпадают сразу все сколько есть на странице
Вопрос: Как сделать так, чтобы при нажатии на строку в таблице, выпадала меню только той строки на которую нажали Однако

Используется тут fcraft.ru/ban
Помогите пожалуйста!
_____
Есть примеры:
http://talkerscode[dot]com/webtricks[dot][dot][dot]html-and-css.php
вот более простой https://jsfiddle[dot]net/kurbhatt/Bw97W
Но как это реализовать в php файле?