jquery - jqueryでボタンをクリックして展開

Question

幅100％、高さ25％のGoogleマップがあります。高さを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);
    });