Использование Javascript/PHP/HTML/SQL для отображения результатов и «больше результатов», но не работает

Question

У меня есть сайт, на котором отображается информация о автомобилях. «Информация» (Make, Model и т. Д.), И в настоящее время у меня есть отдельная кнопка «Показать дополнительную информацию» (Пробег, BHP и т. Д.). Все это в настоящее время делает, получая информацию из базы данных, а затем, когда я нажимаю, отображает больше информации, она скрывает первую вкладку и отображает только вторую вкладку.

Его простая функция toggle_visibility, которая просто скрывает список 1 при нажатии на список 2. Однако теперь я хочу, чтобы рядом с каждым автомобилем была кнопка «показать дополнительную информацию». НАПРИМЕР. Porsche Carrera - «Показать дополнительную информацию», который затем динамически на одной странице вызывает окно ниже, показывающее пробег и т. Д. Затем, когда я нажимаю на другой, он должен скрыть первый и показать это.

Код в настоящее время:

<?php 

$sql = "SELECT * from Cars"; 
$result = mysql_query ($sql); 
while ($result = mysql_fetch_array ($result)) 
    { 
     $display = "<p>"; 
     $display.= $result["makeID"] . "&nbsp;"; 
     $display.= $result["modelID"] . "&nbsp;"; 
     $display.= "<a href = '#'>Show more information</a>"; 
     $display.= "</p>"; 
     echo ($display); 
    } 
?> 

ahref # является:

<a href="#" onclick="toggle_visibility('list2');"> 
    </a> 
    <div id="list2" class="alist" style="display:none;"> 

<?php 

$sql = "SELECT * from Cars"; 
$result = mysql_query ($sql); 
while ($result = mysql_fetch_array ($result)) 
    { 
     $display = "<p>"; 
     $display.=$result["makeID"]; 
     $display.= $result["modelID"]; 
     $display.= "</p>"; 
     echo ($display); 
    } 
?> 

Любая помощь?

EDIT -Включает JavaScript.

<script type="text/javascript"> 

function toggle_visibility(id) { 
     var thelist = document.getElementsByClassName("alist"); 
     for (var i = 0; i < thelist.length; i++) { 
      thelist[i].style.display = 'none'; 
     } 
     var e = document.getElementById(id); 
     if(e.style.display == 'block') { 
      e.style.display = 'none'; 
     } else { 
      e.style.display = 'block'; 
     } 
    } 
//]]> 

</script> 

Answer 1

Создайте отдельную страницу php, которая возвращает результаты из базы данных, затем выполните запрос POST или GET с jquery.