Fatal编程技术网
  • php/
  • Php 在动画折叠上使用动态div

Php 在动画折叠上使用动态div

php javascript html

Php 在动画折叠上使用动态div,php,javascript,html,Php,Javascript,Html,我在这里使用动画折叠JS库： 我试着用它来做动态div，但是它不能切换。有什么想法吗 <head> <script type="text/javascript" src="includes/js/animatedcollapse.js"></script> </head> <body> <?PHP for ($i = 1; $i <= 5; $i++) { ?> <script type="text/java

我在这里使用动画折叠JS库：

我试着用它来做动态div，但是它不能切换。有什么想法吗

<head>
<script type="text/javascript" src="includes/js/animatedcollapse.js"></script>
</head>
<body>
<?PHP
for ($i = 1; $i <= 5; $i++) { ?>

<script type="text/javascript">
animatedcollapse.addDiv('location-<?PHP echo $i; ?>', 'fade=1')
</script>

<div id="location-<?PHP echo $i; ?>">
<a href="javascript:animatedcollapse.hide('location-<?PHP echo $i;?>')">CLOSE</a>
TEST
</div>

<a href="javascript:animatedcollapse.toggle('location-<?PHP echo $i;?>')">TOGGLE</a>
<?PHP } ?>
<script type="text/javascript">
animatedcollapse.ontoggle=function($, divobj, state){}
animatedcollapse.init()
</script>


animatedcollapse.addDiv（'location-'，'fade=1'）

快速查看您提供的链接，这个脚本是否也依赖于jQuery？您的head标记中似乎没有该脚本标记。
我可能错了，但似乎没有必要仅使用PHP来创建递增变量

您可以在javascript中，在您的脚本标记中编写相同的for循环：我还认为使用jQuery可能会让您更容易。。。也许是这样的：


for (var i = 1, i <= 5, i++ ){
    $(document).ready(function(){
         $('divToBeToggled' + i).click(function(){
    $('divToBeRevealed' + i).slideToggle('slow');
   });
});
}



for（变量i=1，i