Question

我在这里使用动画崩溃JS库： http://www.dynamicdrive.com/dynamicindex17/animatedcollapse.htm

我试图将它用于动态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>

Answer 1

只是快速查看您提供的链接，这个脚本是否依赖于jQuery？您的头标记中似乎没有该脚本标记。

Answer 2

我可能错了，但似乎没有必要使用PHP来创建递增变量。

你可以在你的脚本标签中用javascript编写相同的for循环：我也认为使用jQuery的slideToggle可能会让你更容易......也许是这样的东西：

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

在动画崩溃上使用动态div

2 个答案: