先日、角屋食品様のウェブサイトのリニューアルがありました。

その際、社長から提示されたデザインで、

「セレクトボックスがフキダシ状に出るようにして欲しい」

と言われました。下図のようなかんじです。

問題はこの飛び出すメニューなんですが、ほとんどデザイン変更の手段が用意されていないのが厄介です。仕方ないので自分でイチから実装する必要があります。ですから、プログラムも必要になりそうです。

というわけで、色々やってできました！

フキダシ選択メニュー！　（ ※iPhoneでは正常に動作しませんでした ）

・・・でも・・・ちょっと動作が変じゃないですか？

だって、メニューが飛び出した状態でメニュー以外の箇所をクリックしてもメニューが閉じないんですもん。

そんなわけで、もう一度作りなおしたものがこちらです。

（ ※ こちらはiPhoneでも正常に動作しました ）

動作はほぼ同じですが、仕組みを根本から変えていまして（以下つまらないので略）

ところで角屋食品様のサイトですが、リニューアル後は全品送料無料です。

前の値段を知っている者からすれば、ちゃんと儲けがあるのか不安な価格なんですけれど……

まだ食べたことがないという方はこの機会にご賞味ください！

ちなみに角屋さんの売りはアジフライなんですが、個人的にはいわしフライの方が好みでした(^q^)