0

div を表示し、その高さと幅を増やすボタンを取得しようとしています。div の幅を増やす方法を取得しましたが、高さを増やすにはどうすればよいですか?以下のような別の機能が必要ですか?高さのため？また、ここにボタン機能を追加する方法も。

私はこれにかなり慣れていないので、助けてください

$(document).ready(function () {
    $("#box").click(function () {
        $(this).animate({
            width: "+=1250px"
        });
    });

    $("#box").click(function () {
        $(this).animate({
            width: '-=1250px'
        });
    });
});
4

3 に答える 3

0

別の関数は必要ありません:

   $("#box").click(function() {
        $(this).animate({
            width: "+=1250px",
            height: "1250px"
        });
    });
于 2013-08-28T07:54:33.977 に答える
0

animate でコンマを使用してプロパティを区切ります 

   $(document).ready(function() {
      $("#box").click(function() {
          $(this).animate({
        width: "+=1250px",
        height: '-=250px'
           });
          });
   });
于 2013-08-28T07:55:18.333 に答える
0

コードの問題は、クリック イベント用に 2 つのハンドラーが登録されていることです。どちらのハンドラーも、両方のアニメーションをトリガーするクリックごとにトリガーされます。

代わりに、拡張された状態に応じて要素を拡張するか、デフォルトの状態に縮小する単一のハンドラーが必要です。

試す

jQuery(function($) {
    $("#box").click(function() {
        var $this = $(this), widened = $this.data('widened')
        $this.stop(true, true).animate({
            width: (widened ? '-' : '+' ) + "=1250px"
        });
        $this.data('widened', !widened)
    });   
});

デモ:フィドル

于 2013-08-28T07:56:00.257 に答える