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");
});
你能提供小提琴吗?