點擊div並來回移動

Question

我想點擊一個div並再次向右移動：0，如果我點擊div另一次它會使第二個div移動到右側：-200但我似乎無法讓它工作。

$(document).ready(function(){ 
    $('#menu').click(function(){ 
     if ($('#menudrop').css('right', '-200px')); 
      $('#menudrop').css('right', '0px'); 
     else{ 
      $('#menudrop').css('right', '-9999px'); 
     }; 
    }); 
}); 

https://jsfiddle.net/theUnderdog/woc6o12b/1/

Answer 1

如果條件是錯誤的使用$('#menudrop').css('right') == '-200px')。

$(document).ready(function() { 
    $('#menu').click(function() { 
    if ($('#menudrop').css('right') == '-200px') 
     $('#menudrop').css('right', '0px'); 
    else { 
     $('#menudrop').css('right', '-200px'); 
    }; 
    }); 
}); 

DEMO

Answer 2

下面是一個簡化版本：

$(document).ready(function() { 
    $('#menu').click(function(){ 
    $('#menudrop').css('right', 
     $('#menudrop').css('right') == '-200px' ? '0px' : '-200px'); 
    }); 
}); 

例子：https://jsfiddle.net/DinoMyte/woc6o12b/4/