Adobeのサイト「Adobe Photoshop CS5 Extended」に使用されているようなスライドアウトするパネルを実装するチュートリアルをTutorialzineから紹介します。 Adobe Photoshop CS5 Extended 「+」マークのラベルをクリックすると、それに対応したパネルがぐぃーんとアニメーションでスライドアウトします。 各パネルのエレメントはp要素で実装されており、検索エンジンのロボットにもしっかりと見えるように配慮されています。 これらはページロード時にjQueryによりマークアップが変更され、パネルのエレメントとして表示されるよう設計されています。