当ブログのコメント欄ですが… 【ブログのコメント欄】 【はてなブックマークのコメント欄】 【Facebookのコメント欄】 と、各種コメント欄が縦長にレイアウトされていました。。 基本的に使われているコメント欄は一番上のコメント欄のみ… はてなブックマークはたまに稼働してますけど。。 Facebookコメントに至ってはほぼ稼働なしだったりします(^^; んじゃ、いっその事外してしまえば… なんでしょうけど。。 なんせ物をなかなか捨てられない性格上なんとか残しつつスッキリさせたい… って事で、タブの切替を使って各種コメント欄をコンパクトにまとめてみようと思います。。 タブですが、jQueryとcssを使ったモノを採用してみました。。 っつ〜事で組んだソースがこちら… js
html
CSS
※jQuery実装前提のソースになります。 これでコメント欄がスッキリしましたね♪ 参考にさせていただいたサイト一覧・誰でも出来る!プラグインを使わずにjQueryで実装するタブ切り替え機能! | Three & Co. Blog |