CSS TRICKSで、高さが可変するタブ型コンテンツの作り方が紹介されています。
タブをクリックすると、フェードイン&アウトでコンテンツが切り替わって、高さもコンテンツの量に合わせて可変しますね。
デモは以下から。CSS TRICKSのサイドバーに実装されています。
HTML、CSS、jQueryのソースがダウンロードできますね。jQueryのソースにはコメントがついているので、どこで何をしているのかがわかるようになっています。
一度見てみてください。
今日のCREAMU
今日も天気いいですねー。いろいろ進めるぞ。
関連するエントリー
- jQueryでアニメーションさせた静的なサイト
- jQueryを使ったストレッチする背景画像
- かっこいいイメージスライダー集
- フォーム周りに使えるjQueryプラグイン50
- jQueryを使った、動きのあるナビゲーションメニューチュートリアル集
- Windows7のような透過ウィンドウを実現するjQueryプラグイン
