HALFWAY

■ 折りたたみ・メニュー

ホームページビルダー作成報告/CSS/折りたたみメニューの サンプルを試してみる。

※ 2カラムリキッドレイアウトの メニューで使用した場合 レイアウトが壊れた。

■ CSS

.omenu {
	padding: 3px;
	border-width: 1px;
	border-style: solid;
	border-color: #996666;
	width: 180px;
	cursor: pointer;
	color: #996666;
	background-color: #ffffcc;
}
.submenu {
	display: none;
}

※ 基本的に Javaは 嫌い！、、、なので、使用したくない。

■ サンプル

• Yahoo!
• Google
• SiteTop

• sub_b_1
• sub_b_2
• sub_b_3

※ クリックで開いて、ダブルクリックで閉まる。

■ ソース (参考：転記)

・Java ソース

function msl(idmn){
  if(document.getElementById)
    document.getElementById(idmn).style.display='block'
  else if(document.all)document.all(idmn).style.display='block'
}
function kks(idmn){
  if(document.getElementById)
    document.getElementById(idmn).style.display='none'
  else if(document.all)document.all(idmn).style.display='none'
}