JQuery small bugs fix for div classes

I have the list of rows with 7 blocks where I have other blocks are hiding. I have 7 blocks which is showing from block 1 to block 7. I need some help with small bugs to get fixed. When I press on the down arrow button of the keyboard after the 7 blocks, the blocks will moving up using 'rowheight' which it looks good to go, but there is a problem. When I press on the down arrow button until when the yellow block get on the end of the block, e.g.: block 11. When I try to press on the down button to get back to the block 11, the blocks supposed to stay where they are without moving up until the yellow block goes after the block 11 then move the blocks up, but the blocks will move up when I'm on the block 9 which it will not let me to get to the block 11. The same things it goes for other different blocks. The problem are somewhere in in the down event code of the keyboard "if ([login to view URL] == 40)". Does anyone know i can block the blocks from moving up when i'm on the end of the block, e.g when i 'm on the block 9 by press on the down arrow button of the keyboard and i press on the up arrow button few times then press on the down arrow button to get back to the block 9 before the block 9 will move up when i press it down to get to the block 10? Here's the jsfiddle script if you need to take a look: [login to view URL] I want to make it looks like this: [login to view URL]