Здравствуйте! Есть у меня таблица и задача которую трудновато мне решить. Допустим у меня в таблице есть один такой столбец который имеет много одинаковых значений. Пусть это значение будет числом 12. И это число при выводе очень много раз повторяется. И как сделать так, чтобы была кнопка и при клике раскрывались все значения числа 12? то есть как здесь:
<script>function showTooltip()
{
var myDiv = document.getElementById('tooltip');
if(myDiv.style.display == 'none')
{
myDiv.style.display = 'block';
} else {
myDiv.style.display = 'none';
}
return false;
}</script>
<button onclick=showTooltip()> Показать </button>
<div id=tooltip style='display: none'>
<li>Значение числа 12 №1</li>
<li>Значение числа 12 №2</li>
<li>Значение числа 12 №3</li>
<li>Значение числа 12 №4</li>

</div>
только эти данные берутся из БД в разном порядке. Потому что у меня стоит сортировка по времени.


и вот так тоже пробовал:
$aReader = array(
"firstinfo" => array("$firstmeter"), // $firstmeter - Это данные из БД .
"secondinfo" => array("$secondmeter"),
"thirdinfo" => array("$thirdmeter")
);

foreach ($aReader as $sKey => $aFamily){

echo(
"<h2><button onclick=showTooltip()>$sKey </button></h2>".
"<ul id=tooltip style='display: none'>"
);
foreach ($aFamily as $sRedaer)
{
echo "<li>$sReader</li>";
}

echo "</ul>";
}

Но у меня при клике на "second" или на "tirdinfo" раскрывается "firstinfo". Не понимаю

SOS!!! Есть кто?

есть. код глаза режет без подсветки синтаксиса.

_____________
HTML, CSS (Bootstrap), JS(JQuery, ExtJS), PHP, MySQL, MSSql, Posgres, (TSql, BI OLAP, MDX), Mongo, Git, SVN, CodeIgnater, Symfony, Yii 2, JiRA, Redmine, Bitbucket, Composer, Rabbit MQ, Amazon (SQS, S3, Transcribe), Docker

допустим в первом столбце есть значения. в нем есть много одинаковых. и нужно сделать кнопку для всех значений только по одной каждому. то есть когда нажать допустим на 37130550488 то этот список раскрывался и выводились все 37130550488. и так дальше. (Я новичок)

ты намёк не понял. код свой в bb код заточи (кнопочка php)

_____________
HTML, CSS (Bootstrap), JS(JQuery, ExtJS), PHP, MySQL, MSSql, Posgres, (TSql, BI OLAP, MDX), Mongo, Git, SVN, CodeIgnater, Symfony, Yii 2, JiRA, Redmine, Bitbucket, Composer, Rabbit MQ, Amazon (SQS, S3, Transcribe), Docker

<script>function showTooltip()
{
var myDiv = document.getElementById('tooltip');
if(myDiv.style.display == 'none')
{
myDiv.style.display = 'block';
} else {
myDiv.style.display = 'none';
}
return false;
}</script>
<button onclick=showTooltip()> Показать </button>
<div id=tooltip style='display: none'>
<li>Значение числа 12 №1</li>
<li>Значение числа 12 №2</li>
<li>Значение числа 12 №3</li>
<li>Значение числа 12 №4</li>

</div>

и вот так тоже пробовал:

$aReader = array(
"firstinfo" => array("$firstmeter"), // $firstmeter - Это данные из БД .
"secondinfo" => array("$secondmeter"),
"thirdinfo" => array("$thirdmeter")
);

foreach ($aReader as $sKey => $aFamily){

echo(
"<h2><button onclick=showTooltip()>$sKey </button></h2>".
"<ul id=tooltip style='display: none'>"
);
foreach ($aFamily as $sRedaer)
{
echo "<li>$sReader</li>";
}

echo "</ul>";
}

Но у меня при клике на "second" или на "tirdinfo" раскрывается "firstinfo". Не понимаю