Show an element with handle
<p>I want to show/hide an element with an handle. My dev page is <a href="http://dev.lephonographe.fr/" rel="nofollow">here</a> and the handle is the Contact button. Since I can only show/hide an entire element, I've got a fixed Contact button which can be clicked when the contact page is hidden, and one in the contact page itself when it's shown. The problem is that when the contact page is hiding, it overlaps the fixed Contact button.</p>

<p>I've been given the solution shown <a href="http://jsfiddle.net/rlemon/F6Efp/8/" rel="nofollow">here</a>, but since my element does not start from the top of the screen, with a negative <code>top</code> it's visible outside of the container element.</p>

<p>Is there any way to hide the part of the element which is outside its parent? Or is there any other way to achieve what I want?</p>

<p>Thanks</p>
