當動畫完成時，jQuery高度動畫跳轉

Question

我有一組按鈕，點擊時，頁面上的指令淡出並且所需內容淡入。該div還使用jQuery .animate（）函數進行擴展。當div完成擴展時，高度跳躍變短。我做了一個jsFiddle，但它在那裏工作正常。所以，它必須與我的其餘內容有關。

Here's the site

http://northviewhigh.com/index/fbla/1213/eb/styles.css - CSS文件

[和上面一樣，不能發佈更多的鏈接] /eb/jquery/scripts.js jQuery的文件

而這裏的代碼：

<div id="tixcontainer"> 

    <div class="tixinfo startinfo"> 
     Select a ticket type to begin ordering your graduation tickets. 
    </div> 

    <div class="tixinfo hidden gradinfo"> 
     You selected "Graduate" 
    </div> 
</div> 

#tixcontainer { 
    width:100%; 
    height:100px; 
} 

.tixinfo { 
    position:absolute; 
    top:629px; 
} 

.startinfo { 
    height:100px; 
} 

.gradinfo { 
    height:200px; 
} 

function expandTix(newHeight,cat) { 
    $('.startinfo').fadeOut(); 
    $('#tixcontainer').animate({ 
     height: newHeight 
    }, 'slow', function() { 
     $('.'+cat+'info').fadeIn(); 
    }); 
} 

$('.gradbutton').click(function() { 
    dimAllBut('grad'); 
    expandTix(200,'grad'); 
}); 

Answer 1

這看起來像同一個問題：示例頁面上

jQuery animate()

並添加overflow:hidden您#tixcontainer停止跳躍。