javascript - ajax调用中的 Accordion Jquery和页面高度

Question

好的，所以我通过 ajax 调用一个页面并设置它的高度动画，效果非常好，接下来我有一个类似 Accordion 的功能来切换元素的可见性，然后另外调整包含元素的高度，它不工作。 为什么？

function accordionfaq(){
    $('.question_all').on('click', function(event) {
        event.preventDefault();
        /* Act on the event */
        var newHeight = $('.faq').height();  //new height
        $(this).children('.answer').toggle('slow', function(){
            $('#loadplace').delay(200).animate({
                height:newHeight
            }).fadeIn();
        });
    });
}

带有完整代码和错误的jsfiddle: fiddle

Answer 1

好的，这里的问题是我在切换事件之前定义了高度......我有时很笨......: 固定代码在这里:

function accordionfaq(){
    $('.question_all').on('click', function(event) {
        event.preventDefault();
        /* Act on the event */
        $(this).children('.answer').toggle('slow', function(){

            var newHeight = $('.faq').height();  //THIS NEEDS TO go in here!!! not outside... 

            $('#loadplace').delay(200).animate({
                height:newHeight
            }).fadeIn();
        });
    });
}