javascript - jquery 滑动参数

Question

我目前正在使用<div>和<table>显示从数据库中检索到的一些人的姓名。我用 jquery slidedown 创建了一个动画当用户点击某人的名字时显示该人的额外信息。但我不知道如何将信息发送到动画。

在这里，我使用第一列中的 a 创建包含记录的表:

echo "<table width=100%>";
    foreach ($aContactos as $i => $value) {
        echo "<tr>
            <td width=48%><div class=flip_DetalleContacto>$aContactos[$i][0]</div>/td>
            <td width=47%>$aContactos[$i][1]</td>
            <td width=5%>$aContactos[$i][2]</td>
        </tr>";
    }
echo "</table>";

在某个地方，在其他位置我想显示来自单击行的信息:

echo "<div class=panel_DetalleContacto> INFO OF THE SELECTED ROW </div>";

脚本:

<script>
$(document).ready(
    function() {
        var expanded = false;
        // When clicked on the menu-trigger
        $('.flip_DetalleContacto').click(
            function(event) {
                // Slide down menu if hidden
                if (!expanded) {
                    event.stopPropagation();
                    $('.panel_DetalleContacto').slideDown();
                    expanded = true;
                }
                // Slide up menu if shown
                else {
                    $('.panel_DetalleContacto').slideUp();
                    expanded = false;
                }
            }
        );
        // Hide if clicked anywhere on the page
        $(document).click(
            function () {
                if (expanded) {
                    $('.panel_DetalleContacto').slideUp();
                    expanded = false;
                }
            }
        );
        // Prevent slideUp if clicked on the Menu div itself
        // (You can omit this part if you don't need it)
        $('.panel_DetalleContacto').click(
            function(event) {
                event.stopPropagation();
            }
        );
    }
);
</script>

如何让点击名字后信息向下滑动？

Answer 1

动态添加的控件

 $(document).on("click", "#id", function () {
 this.slideDown("slow");  
 or     
 $(.classname).slideDown("slow");
 });

静态可用控件

 $(document).ready(function () {
 $("#id").slideDown("slow");
 or     
 $(.classname).slideDown("slow");
 });