以下のような，Tooltip型式のメニューの実現方法

1. 画像の一部分をクリックするとあるメニュー項目がクリックした場所の右側に吹き出しで出来てきて，さらに多層にわたる吹き出しメニューになる．
2. また画像の別部分をクリックすると別のメニュー項目が，1と同様に，クリックした場所の右側に吹き出しで出来てきて，さらに多層にわたる吹き出しメニューになる．

イメージ図
画像 →(click) → 右側に吹き出しメニュー表示 → (click) → 右側に吹き出しメニュー表示
この時，吹き出しメニューは表示したまま．

HTMLのイメージマップとCSS，もしくはjQueryのPoewerTipを用いて実験中ですが，2つ目のTooltipが表示出来ないので，そもそも方向性が間違っているのかと思ってます．また，出来たとしても1つ目の吹き出しが消えてしまうかもしれません．

私自身もCSS,jQueryは詳しくはないです．

どなたか良い方法があれば，教えて頂けないでしょうか？