Javascript 在sql中的一组div ID中应用animate

我在一个产品中应用动画，它在代码中显示，我想让两个或更多的产品在用户单击“更多信息”时执行相同的动画

$（文档）.ready（函数（）{
var fishPath=”http://upload.wikimedia.org/wikipedia/commons/7/77/Puffer_Fish_DSC01257.JPG";
var$con=$（“#con”）；
变量$con2=$（'#con2'）；
var$conImage=$（“#image”）；
var$conLink=$（“#link”）；
变量$conLink2=$（'#link2'）；
$conImage.attr（'src'，fishPath）；
$conLink2.hide（）；//立即隐藏第二个链接
$conLink.click（函数（）{
$con2.addClass（'clicked'）；
$con.animate({
高度：“+=290”，
宽度：“+=460”
}, 800);
$conImage.animate({
宽度：220
}, 800);
$（this）.fadeOut（100，function（）{
$conLink2.fadeIn（800）；
});
});
//隐藏按钮
$conLink2.单击（函数（）{
$con.removeClass（'conClicked'）；
$con.animate({
高度：“-=290”，
宽度：“-=460”
}, 800);
$conImage.animate({
宽度：150
}, 800);
$（this）.fadeOut（800，function（）{
$conLink.fadeIn（800）；
});
});
});
正文{
字体系列：“Helvetica Neue Light”、“HelveticaNeue Light”、“Helvetica Neue”、Calibri、Helvetica、Arial、无衬线字体；
}
#指示{
字体大小：较小；
字体：斜体；
}
#形象{
宽度：150px；
}
#con2{
显示：内联块；
边框：1px纯红；
填充：10px；
}
康克里克先生{
保证金：10px 5px 5px 18px；
宽度：250px；
高度：260px；
}
#骗局{
边框：1px纯蓝色；
}


我的数据库“phpmyadmin”中有一些数据我选择了所有数据，但我想在用户单击“更多信息”时制作一些动画，它增加了宽度和高度，但当我这样做时，它只制作第一个动画，而不是全部，我制作了Id，因为我需要一个产品，哪个用户
选择但类使所有动画在同一时间，这里的代码

“.$r['name_p']”
产品数量：'.$r['id'].'
详情：'.$r['详情'.'
金额：1GK
价格：'.$r['Price'].'P
更多信息
更少信息
尝试使用
类，而不是使用按钮的
id
来制作动画。每个产品只需一个按钮即可完成此操作。试试这个jsfiddle
试试这个，非常感谢它的工作原理让我把它作为一个解决方案发布。请将其标记为答案。将我的答案张贴在@Amr Magdy。请标记它。只需向上投票，然后单击下面发布的“我的答案”下的“标记为答案”按钮