Sumida様

お世話になっております。最初はpcでは機能しないのかなと思っていたのですが、sumida様からのアドバイスどおりに設定した上で、tplで以下の設定で元にもどるようになりました（情報を非表示にする）。

<span class="b_expand"><p onclick="fnSubToggle($('#sub_area'), this);"> ボタン</p></span>

<div id="sub_area" style="display: none;">
<div id="sub_area">
<div class="subarea clearfix">
<div id="maintext6">
<ul id="topnavi3">
*****＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊
*****＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊
</ul>
</div>
</div>
</div>
</div>

しかしながら、この設定はボタンをクリックすると、情報を表示する際に、ボタンの配下にある全てのもの（ブロック）もその表示した情報の下に配置してしまいます。

それをマウスオーバー（hover）の様に、ボタンの下にあるものを覆い隠すように表示したいと思い、cssで以下の設定にしたところ、“ボタンの下にあるものを覆い隠すように情報を表示する”ことはできたのですが、

#sub_area {
position: absolute; /*--Important--*/
top: 40px; left: 0px;
z-index: 99999;
padding: 0px 0px 0px;
float: right;

}

また最初の様に、再度ボタンをクリックしても情報を閉じなくなりました。（非表示にしません）。何かおわかりになりませんでしょうか。