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'值進行滾動。