Home/ Questions/Q 6138065
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-23T17:48:14+00:00

I have the following: <div class=holdingbox> <div class=leftbox>Stuff</div> <div class=rightbox>Stuff to reveal</div> </div> holdinbox

  • 0

I have the following:

<div class="holdingbox">
 <div class="leftbox">Stuff</div>
 <div class="rightbox">Stuff to reveal</div>
</div>

holdinbox has overflow of hidden
leftbox is left floated
rightbox is right floated and all the way outside of the holdingbox except for the edge (just enough so it looks like a tab).

On hover of holdingbox, I want rightbox to slide in (it will have an answer to a question in leftbox). When mouse is moved away rightbox slides back out.

I know I need jQuery for this but I’m a bit stumped on how to use hover on one div to slide in another div from the right.

Any help is appreciated!

Thanks,
Chris

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Do you mean something like this?

    You just need to do some calculations of your divs widths and animate a container properly. Good luck.

    • 0