CSS TRICKSで、高さが可変するタブ型コンテンツの作り方が紹介されています。
タブをクリックすると、フェードイン&アウトでコンテンツが切り替わって、高さもコンテンツの量に合わせて可変しますね。
デモは以下から。CSS TRICKSのサイドバーに実装されています。
HTML、CSS、jQueryのソースがダウンロードできますね。jQueryのソースにはコメントがついているので、どこで何をしているのかがわかるようになっています。
一度見てみてください。
Editor's Note
今日も天気いいですねー。いろいろ進めるぞ。
Related Entry
- Lightview - 実装が容易でクールな画像オーバーレイスクリプト
- 画像周りのjQueryプラグイン10
- デザイナー・デベロッパーのためのjQueryプラグイン30
- jQueryでアニメーションさせた静的なサイト
- jQueryを使ったストレッチする背景画像
- かっこいいイメージスライダー集
