在下拉列表下移动元素

Question

所以，让我们说我的页面上有这样的字符串列表：

 com.pixowl.thesandbox.android 60 60s
 com.pixowl.thesandbox.android 60 60s
 com.pixowl.thesandbox.android 60 60s

这里是简化代码（php）：

while (something) {
    .....
    echo '<div class="list">';
    echo '  <ul>';
    echo '      <li class="first">'.$game_name.'</li>';
    echo '      <li class="second">'.$avg_fps.'</li>';
    echo '      <li class="third">'.$testing_time.'</li>';
    echo '  </ul>';
    echo '</div>';
}

我想要做的是，当我点击其中一个字符串时，其下方会显示另一个列表，将其余列表元素向下推（显然，再次单击会导致第二个列表缩进）。类似的东西：

com.pixowl.thesandbox.android 60 60s
      samsung
      lg
      alcatel
com.pixowl.thesandbox.android 60 60s
com.pixowl.thesandbox.android 60 60s

考虑的解决方案： 当我点击并刷新页面时，我可以添加一个$ _GET变量，根据需要完全重绘它。这完全有效，但我真的想知道是否有办法没有刷新。如果所有这些动作看起来像一个自然的动画，那会好得多。

感谢。