html - Adding and subtracting height in Jquery BUGGING -

im adding/subtracting height on div element, ul inside it. add/subtract events fire upon click on other unrelated divs in document.

now.. problem occurs when user spamfires event. this, for unknown reason, results in, div on add/subtract height, either increase or lower it's base height.

note - i'm adding , subtracting exact same amount, , therefore, base height of div in question, should not either increase or lower.

i apologize following fiddle's extensive code, i've had cp sourcecode, seeing couldn't achieve same bug, recreating example.

http://jsfiddle.net/st5dzcnc/

in js section, refer 3 $(function)'s.
in result section, i've marked 3 elements trigger event, in orange , stated "spamclick here".

doing forementioned result in blue div below, either increasing or lowering it's base height - need avoid happening.

 <div>refer jsf</div> 

i've tried doing think of fix this, nothing has worked, i'm @ complete standstill of , need help.

//edit: middle orange button, definetely achieve bug, not sure 2 other in jsf. in sourcecode 3 buttons achieve bug though!

for see, i've uploaded bug youtube. https://www.youtube.com/watch?v=rbafjuhqpwy&feature=youtu.be&hd=1

for might experience same problem, i've isolated problem , fixed it.

the problem scroller plugin had put on top. soucecode plugin in px, meanwhilst event script in vh, resulted in calculations malfunctioning.

by rewriting sourcecode vh, problem fixed!