Javascript 单击“执行某些操作”，然后加载页面

我正在寻找一个脚本，它可以执行以下操作：

我有一个高度为200px的横幅，在该横幅下我有几个链接。 当我点击其中一个链接（比如class=“link one”）时，首先让横幅动画设置为0px高度，然后ajax加载横幅高度为0的新页面，然后动画设置为200px高度

---

也许使用ajax有点困难，我可以保留这一部分，所以在加载新页面之前和加载新页面时都要制作动画。

将ajax加载放在第一个动画的回调中，将第二个动画放在ajax加载回调中。你尝试过什么，为什么不奏效？我不知道如何开始，你有没有一个例子来说明你的意思？正如我所说，ajax部分不是最重要的，我需要在加载新页面之前设置动画，在加载页面时设置动画。如果不设置ajax部分，就不会加载新页面，对吗？我真的不知道，这不是js可以在加载带有类x的a href链接之前设置的吗？很抱歉，我不是一个编码员，因为你可能已经注意到如果你遵循href链接，你就不能在它之后做任何事情。加载新页面时，旧页面中的所有脚本都将停止。这就是为什么如果你想在加载新数据后保持控制权，就必须使用AJAX。嗯，我不是一个程序员，但它看起来不错。var flickerAPI，即它的提交源页面？它是否需要？jsoncallback=？是的，这就是它所来自的页面。这是一个请求，因为页面位于不同的域中。有很多方法可以使用ajax。您可能希望从域中的页面获取新页面并使用或。

//example from flicker, can be any ajax call
var flickerAPI = "http://api.flickr.com/services/feeds/photos_public.gne?jsoncallback=?";

$("#banner").click(function() {
    $(this).animate({height:"toggle"},5000,function() { //height:toggle changes the height to 0, the bak to the original height

        $.getJSON( flickerAPI, {
        tags: "mount rainier",
        tagmode: "any",
        format: "json"
        }).done(function( data ) {
            $("#banner").animate({height:"toggle"},5000,function() {
                alert("done")        
            });
         });
    });
});