Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/373.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/cassandra/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript jquery slidedown参数_Javascript_Jquery_Html - Fatal编程技术网

Javascript jquery slidedown参数

Javascript jquery slidedown参数,javascript,jquery,html,Javascript,Jquery,Html,我目前正在使用和来显示从数据库中检索到的一些人的姓名。我用jquery slidedown创建了一个动画,当用户单击一个人的名字时,显示该人的额外信息。但我不知道如何将信息发送到动画 在这里,我使用第一列中的 echo "<table width=100%>"; foreach ($aContactos as $i => $value) { echo "<tr> <td width=48%><div

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

在这里,我使用第一列中的

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”“;
foreach($i=>$value){
回声“
$aContactos[$i][0]/td>
$aContactos[$i][1]
$aContactos[$i][2]
";
}
回声“;
在其他位置,我想显示单击行中的信息:

echo "<div class=panel_DetalleContacto> INFO OF THE SELECTED ROW </div>";
echo“所选行的信息”;
剧本:

<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>

$(文件)。准备好了吗(
函数(){
var=false;
//单击菜单触发器时
$('.flip_DetalleContacto')。单击(
功能(事件){
//如果隐藏,则向下滑动菜单
如果(!展开){
event.stopPropagation();
$('.panel_DetalleContacto').slideDown();
扩展=真;
}
//向上滑动菜单(如果显示)
否则{
$('.panel_DetalleContacto').slideUp();
扩展=假;
}
}
);
//如果单击页面上的任意位置,则隐藏
$(文档)。单击(
函数(){
如果(扩展){
$('.panel_DetalleContacto').slideUp();
扩展=假;
}
}
);
//如果单击菜单div本身,则防止滑动
//(如果不需要,可以省略此部分)
$('.panel_DetalleContacto')。单击(
功能(事件){
event.stopPropagation();
}
);
}
);

单击名称后,如何获得向下滑动的信息?

动态添加控件

 $(document).on("click", "#id", function () {
 this.slideDown("slow");  
 or     
 $(.classname).slideDown("slow");
 });
静态可用控件

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

你能提供小提琴吗?