Alternate css change on two separate click functions

I'm attempting to affect a css change on a particular element using two click elements, where each click element affects a different css change dependant on the css properties of the element I wish to change.

I am able to apply these changes using an if else statement on the first click element however when I add the second click function it fails to work. Both click function work individually however put together only the first works.

Can anyone see where I'm going wrong in the linked JSFiddle?

JSFiddle of what I have so far