Question

在我的网页上，我在右侧有一个在另一个下方的盒子。每个框都有一个“+”和“ - ”按钮，最大化/最小化到指定的大小，类似于portlet中的大小。但是，出于某种原因，它并没有按照预期的那样运作。以下是“ - ”按钮的代码：

<script type="text/javascript">
$(function() {
    <?php for($i=0;$i<count($modules);$i++) : ?>        
    $( "#minusbtn<?=$modules[$i]["title"]?>").click(
    function() {
        $( "#effect<?=$modules[$i]  ["title"]?>").animate({                 
height: 35,
}, "slow" );
    <?php $count=0; $top=0; ?>  
    <?php for($j=$i;$j<count($modules);$j++): ?>
    <?php if($i==$j) continue; ?>
        $( "#effect<?=$modules[$j]["title"]?>" ).animate({
        top: <?=($top)?>,
        }, "slow" );
    <?php $count++; $top = (210*$count); ?> 
    <?php endfor; ?>
    });

请帮忙！

Answer 1

所有这些都使得盒子是这样的：

$( ".portlet-header" ).click(function() {
    $( this ).parents( ".portlet:first" ).find( ".portlet-content" ).toggle();
});

如下所示：http://jsfiddle.net/ndHK4/。

使用jQuery动画框时出现问题

1 个答案: