I am trying to state the following in jQuery: If any of 'LinkedDiv1' or 'LinkedDiv2' or 'LinkedDiv3' or 'LinkedDiv4' are between left:0 and left:650, then all links ('Link1', 'Link2', 'Link3', and 'Link4') should be off. 

This is so that once I press any one link I cannot then activate another link at the same time. As each link causes a div to move from the right (left:650px) and on to the screen (left:0px); the idea is that if any LinkedDiv is not 650px or 0px then that is because it must be moving and therefore have been activated by the relevant link.

I have tried the following, but it does not seem to work:

```
if (!$('#linkedDiv1').css('left') == '0px' && !$('#linkedDiv1').css('left') == '650px'){
    $(".links").off('click'); 
    } 

else if (!$('#linkedDiv2').css('left') == '0px' && !$('#linkedDiv2').css('left') == '650px'){
    $(".links").off('click'); 
    } 

else if (!$('#linkedDiv3').css('left') == '0px' && !$('#linkedDiv3').css('left') == '650px'){
    $(".links").off('click'); 
    } 

else if (!$('#linkedDiv4').css('left') == '0px' && !$('#LinkedDiv4').css('left') == '650px'){
    $(".links").off('click'); 
    } 

```

Here is a fiddle with the code (LinkedDiv1 corresponds to #rightContentService; LinkedDiv2 to #rightContentSweaters; LinkedDiv3 to #rightContentContact; LinkedDiv4 to #rightContentSeamstress) -

Full screen: <https://jsfiddle.net/8eah0fvm/1/embedded/result/>
Fiddle: <https://jsfiddle.net/8eah0fvm/1/>

Although any better solutions to my problem (at the moment I can press more than one link at a time) of deactivating temporarily the other links is preferable; it would also be interesting to see why my proposed solution did not work.