jQueryで遊んでみましたの１

本格的にjQueryを勉強しようと思い至りました。

今回は、animate関数を使ったアニメーションです。

アニメーションは独自で実装するのが困難だったので、jQueryを使うなら最初にやってみたいことでした。

クリックでメニュー開閉

デモ

click

もう1回クリックすると閉じます。

コード

$(function(){
  $('#クリックするタグのid属性').click(function(){
    $("#開閉するタグのid属性").animate({'height' : 'toggle'});
  });
});

クリックでなんか動く

デモ

 

コード

$('#動かすタグのid属性').click(
  function() {
    $(this).animate({'marginLeft' : '100px'});
  }
);