单击以使用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(...) function。

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

Answer 3

同样的故事： Animate Gmap resize

var timer;

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