CSS TRICKSで、高さが可変するタブ型コンテンツの作り方が紹介されています。
タブをクリックすると、フェードイン&アウトでコンテンツが切り替わって、高さもコンテンツの量に合わせて可変しますね。
デモは以下から。CSS TRICKSのサイドバーに実装されています。
HTML、CSS、jQueryのソースがダウンロードできますね。jQueryのソースにはコメントがついているので、どこで何をしているのかがわかるようになっています。
一度見てみてください。
今日のCREAMU
今日も天気いいですねー。いろいろ進めるぞ。
関連するエントリー
- Webデベロッパーのためのフォトギャラリー作成スクリプト
- jQueryで作るランダム表示・ローテーションするコンテンツ
- テーブル周りの素晴らしいjQueryプラグイン30
- jQueryベースのWordPressプラグイン25
- フェードしながらスライドするjQueryプラグイン
