自習5 | web制作

本日は…

講座は休みなので自習

■jQueryのセレクタとメソッドまとめ
■画像置換とアニメーション
■アコーディオンメニュー

復習
・セレクタ
　id、class
　子孫セレクタ　子セレクタ
　隣接セレクタ
　:firstと:first-child
:even :odd
:eq(n)

・メソッド
　.addClass
　.wrapp
.toggle
.show/hide
　.slideDown/slideUp
.remove

・.clickと.mouseoverで画像置換
.attr('src',$(this).attr('href'))など

・アコーディオンメニュー

$(function(){
  $('dd:not(:first-child)').css('display','none');
  $('dt').click(function(){
    if($('+dd',this).css('display')=='none'){
      $('dd:visible').slideUp('slow');
      $('+dd',this).slideDown('slow');
    }
  });
});

これにcssを組み合わせればOk!