jquery - 单击 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