0

我在这里使用动画折叠 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>
4

2 回答 2

0

只是快速查看您提供的链接，这个脚本不依赖于 jQuery 也存在吗？您的 head 标签中似乎没有该脚本标签。

于 2013-07-24T08:21:57.107 回答
0

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

您可以在 javascript 中编写相同的 for 循环，在您的脚本标签内：我还认为使用 jQuery 的slideToggle可能会让您更轻松......也许是这样的：

for (var i = 1, i <= 5, i++ ){
    $(document).ready(function(){
         $('divToBeToggled' + i).click(function(){
    $('divToBeRevealed' + i).slideToggle('slow');
   });
});
}
于 2013-07-24T08:31:02.833 回答