ある人が作ったホームページを改造する仕事があり、
基本デザインはそのままに、WEB標準化、SEOを考慮
したものに作りかえるということをやりました。

その中で、たくさんの項目があり、それをクリックしたら
小ウィンドウをポップアップして説明ページを見せるとい
う設計の部分がありました。

でもこれはSEO的にイマイチなので、ちょっと設計変更して
jqueryを使ってアコーディオン表示で見せるようにしようと
思いましたが、最初に作ったものは、一項目を開くと
排他的に他項目が閉じる仕様になっていたため、
ウィンドウの位置によっては、開くと同時に項目が上や下
にずれて見えづらい使いづらい点があることがわかりました。

それで、そこを改良するためにいろいろ考えました。

thickboxを使ってLightboxみたいな表示にすれば、元の設計
のポップアップウィンドウに近いのでいいのではないかと
思ったのですが、これはお客さんの好みに合わないとの
ことでした。

そうなると、やっぱりアコーディオン式が適当だと思うので
アコーディオンで位置がずれないようにすればいいだろう
と考えました。

で、最初にアンカータグを入れて、クリックしたらアンカーへ
飛ぶようにしてみましたが、考えてみたらjqueryはアンカー
でとんだあとのタイミングで動作するはずなので、これは
うまくいきませんでした。

表示位置がずれる原因は、項目が開くと同時に、他の
項目が閉じるためで、閉じた分だけずれてしまうことが
わかったので、とりあえず他の項目が閉じないように
して、閉じるボタンをつけて手動で閉じてもらうように
しました。

これで一応は表示位置がずれる点は解消できました。
でもこの場合、項目が画面の一番下にあるときには
項目が下に向かって開くため、見た目上は何も起こっ
ていないように見える点です。
スクロールすれば見えるようになりますが、スクロール
する分だけ使い勝手が悪いといえます。

まぁでもいちおう当初の問題は解決したので、これで
一度お客さんに見てもらうことにしました。
「これでいい」といってくれればいいけど・・・。