javascript / Jquery手風琴無法正常工作

Question

我在使用jQuery手風琴時遇到問題。 似乎很棘手。

第一個手風琴project1運轉良好（感謝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;
});

您可以在此處進行測試 ，這會循環並存儲每個.slickbox的高度（現在使用一個類！）並進行存儲。 單擊每個鏈接時，將專門切換其前面的class="slickbox"元素，並使用其存儲的'height'值進行滾動。