jquery - 单击以使用 jquery 展开按钮

Question

我有一个 100% 宽度但 25% 高度的谷歌地图，我希望能够单击一个将高度调整为 100% 的按钮......我该如何做到这一点并添加一些缓和它的方法所以它没有只是跳到 100%？

该按钮需要说“单击以展开”，一旦单击它应该更改为“单击以收缩” - 然后 jquery 反向工作。

Answer 1

您可以使用 JQuery 及其动画功能。请参阅此 jsfiddle 以获取快速示例

http://jsfiddle.net/z5aXz/

    $("#go").click(function(){
    $("#block").animate({
        height: "100px"
     }, 1500 );
    });

Answer 2

您将需要该$.animate(...) 功能。

您将click()在按钮的处理程序中调用它。

Answer 3

同样的故事： 动画 Gmap 调整大小

var timer;

    timer = setInterval(function(){ google.maps.event.trigger(map, 'resize')}, 100);
    $("#mapcontainer").animate({height: +=200px}, 500, "linear", function(){
        timerMap = clearInterval(timer);
    });