Toggle floating box

Hey, i have made a floating box which can be shown and hidden by clicking on two other images, however i was wondering whether i could use one button to toggle the floating box.

This is the code i am currently using to control it;

<a href=”#” onclick=”return floatingMenu.show()”>
<div id=”floatdiv” style=”

position:absolute;

width:2px;height:2px;left:1410px;top:30px;

padding:1px;background:#FFFFFF;

border:0px solid #2266AA”>

<IMG src=”http://bmilne.webs.com/info.png“>
</div> </a>

<a href=”#” onclick=”return floatingMenu.hide()””>
<div id=”floatdiv” style=”

position:absolute;

width:2px;height:2px;left:1410px;top:30px;

padding:1px;background:#FFFFFF;

border:0px solid #2266AA”>

<IMG src=”http://bmilne.webs.com/info.png“>
</div></a>

Also in #JavaScript _↴