ブックマーク / latup.com (1)

  • 簡単なjQueryのアコーディオンサンプル | latup - 熊本でホームページ制作をしている人のメモ

    ホームページ制作でタブやアコーディオンなどを設置する事があるのですが、そういうケースではjQueryが便利です。 色々と面白いプラグインが多数ありますが、意外と自分でタブ切替やアコーディオン処理をやろうと思うと難しいみたいで、まず簡単なアコーディオン処理のサンプルを作ってみました。 以下、サンプルの解説。 簡単に説明すると、左のアコーディオンが個別に開閉するパターン(sample_1)で、右のアコーディオンが開いているのは常に1つのパターン(sample_2)です。 全体は実際のサンプルページのHTMLソースを参考して下さい。 肝心のjQueryは以下の記述でGoogleからもらい、jQueryの処理は外部ファイルとしてまとめます。 <script src="http://www.google.com/jsapi"></script> <script type="text/javasc

    locomo07
    locomo07 2009/09/08
    アコーディオンサンプル1
  • 1