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/

点击div并来回移动一个

2 个答案: