javascript/jquery手风琴不能正常工作

Question

jquery手风琴有问题。这似乎很棘手。

第一个手风琴项目1工作得很好（感谢Nick Craver），但第二个&第三个等不起作用。我真的不知道我是否应该使用.filter。

下面是代码&示例页面：http://jsfiddle.net/THjgV/2/

谢谢。

Answer 1

由于它们都有不同的高度，因此需要独立存储和使用每个高度，因此我建议使用$.data()和.data()。还要将您的ID更改为类，因为它们应该是唯一的。

$('.slickbox').hide().each(function() { 
    $.data(this, 'height', $(this).height()); 
}); 
$('.more a').toggle(function() { 
    var sb = $(this).parent().prev('.slickbox').slideDown(3200); 
    $('html, body').animate({ 
     scrollTop: '+=' + sb.data('height') 
    }, 3200); 
    return false; 
}, function() { 
    var sb = $(this).parent().prev('.slickbox').slideUp(3200); 
    $('html, body').animate({ 
     scrollTop: '-=' + sb.data('height') 
    }, 3200); 
    return false; 
}); 

You can test it out here，这个循环遍历并存储每个.slickbox（现在用的是类！），并将其存储的高度。当每个链接被点击时，它会特别切换其前面的class="slickbox"元素，并使用其存储的'height'值进行滚动。