サイドバーの見出しの下線や枠も非表示にする

サイドバーの見出し（＝マイリストの名前）（＝h2タグのテキスト部分）をコメントアウトして（＝ <!-- と --> で囲んで）見えなくする方法を以前、「異空間==お花畑」のおはるさんが発見され、便利に使わせていただいています。ただ、h2に下線や枠線がある場合、それだけはどうしても残ってしまうので何とかしたいなと思っていたんですが、昨日、それを非表示にできる簡単なjavascriptを思い付きました。

ココログだけじゃなく、見出しとしてh2要素を使っているタイプのサイトなら動作すると思います。

設置場所は、HTMLが書けるところならどこでもOKですが、このスクリプトを置いた場所より上（HTMLソース的に前）にある見出ししか非表示にできませんので、なるべく右下（後）の方に配置した方がよいと思います。

設置方法は、ココログの場合、
・まず「リンク」タイプの「マイリスト」を「<!-- hide h2s -->」などといった名前で作成し、
　ブログで表示されるようチェックを入れて保存します。
・次に「高度な設定」で「メモの表示方法」を「テキスト表示」に設定します。
・そのマイリストに「項目の追加」をし、
　「メモ」欄に以下のコードをコピー＆ペーストします。
・最後に、「デザイン」の「並べ方」の設定画面で、適当な位置に配置すれば完了です。

----
　
このスクリプトには、最新版があります。ご利用の場合は、そちらのコードをお使いください。
　
→　[f-] コメントアウトして非表示にしたところの下線や枠も消すjavascript：Mac Safari対応版
http://facet.cocolog-nifty.com/divers/2004/12/javascriptmac_s.html
　
----

<script type="text/javascript">
<!--
var h2s = document.getElementsByTagName("h2");
for (var i = 0; i < h2s.length; i++) {
	var h2 = h2s[i];
	if (h2.firstChild&&h2.firstChild.nodeType == 8) {
		h2.style.visibility = "hidden";
		//h2.style.display = "none";
	}
}
//-->
</script>

このスクリプトを使うと、残っていた下線や枠線などのスタイルも非表示になってくれます。

追記：見出しが空のh2要素があるときにもちゃんと動作するように修正しました。kuuさん、情報ありがとうございました！

消すだけじゃなくて間隔も詰めたい場合は、

		h2.style.visibility = "hidden";

の方じゃなくて、

		h2.style.display = "none";

の方を利用すればOKです。（前者の行頭に//を追加し、後者の行頭の//を取り除いてください）

# firefoxでは、<!-- の前に空白などがあるマイリストは、非表示化の対象外となるみたいです（右サイドバーにある「見出し一覧をポップアップ」の上にある線だけ残しています）。

それから、最後の方にスクリプトを置いた場合、サイドバーのコンテンツが盛り沢山だと動作が遅い場合がありますが、そういう場合は、各サイドバーの最後、とか、真中と最後あたりとかという風に、何度か設置するとよいかもしれません。

なお、このスクリプト自体は簡単なものなので、h2見出しがサイドバーにあるのか本文エリアにあるのかを区別せず、コメントアウトされたh2見出しは全て非表示にしています。もし問題があれば御連絡下さい。

また、javascriptを使っているので、効果のない場合もあります。

# 他の方法（たとえばCSSで消す方法）があれば是非教えてください。

参考：
異空間==お花畑: マイリストに名前を付けつつ表示させない方法
（* 2004-07現在：非公開です）