ドロップダウンメニューを作ってみた

公開日: : 最終更新日:2013/11/17 JavaScript

記事内に広告を含む場合があります。記事内で紹介する商品を購入することで、当サイトに売り上げの一部が還元されることがあります。

ドロップダウンメニューを作ってみた。

CSSのvisibilityで、divの表示・非表示を切り替えれば良いのか。

思ったよりも簡単。


function showDrop(index){
if(document.getElementById){
hideDrops();
drops[index].style.visibility = "visible";
}
}

function hideDrops(){
if(document.getElementById){
for(var i = 0; i < 2; i++){
drops[i].style.visibility = "hidden";
}
}
}

関連記事

サンフランシスコのピア39にあるチャウダーズでクラムチャウダーを食す!

lolipop アップルの開発者向けイベント「WWDC2014」

ミスドのカルピスドーナツとカルピスポンデリングを食べてみた!

ミスドで期間限定のカルピスコラボ商品「カルピスドーナツ」と「カルピ

十三カレー計画で牛すじカレーネギのせを食す!(大阪・十三)

「iPhoneアプリ開発キャンプ@大阪」のランチで、十三カレー計画

大阪・難波の加寿屋 法善寺でかすうどんを食す。ランチタイムはおにぎり2個まで無料!

大阪・難波の加寿屋 法善寺 (かすうどん KASUYA)で、かす

ライブドアブログで運営していた「あきお商店」を「卵は世界である」に改名しました

少し前からライブドアブログで「あきお商店」というブログをやって

→もっと見る

PAGE TOP ↑