Set scroll position of hidden div

Set scroll position of hidden div

I have two divs - each one can be hidden by clicking on a div above it.  I have an overflow on both and each scroll bar controls both scroll positions.  The issue i am having, is when one div is hidden and you change scroll position of the visible one, the hidden one does not update accordingly.  

I need both content divs to have the same position whether they are hidden or not. Any ideas?

Here is my  fiddle.

Thanks.