javascript - 如何在单击时更改 div 的位置并在再次单击时按原样移动？

Question

关闭。此题需要 details or clarity 。目前不接受答案。

---

想要改进这个问题吗？通过 editing this post 添加详细信息并澄清问题.

已关闭 9 年前。

Improve this question

我试图单击 div 15 将其移动到隐藏 div 的位置，对于隐藏 Div 反之亦然，当单击隐藏 Div 时将其按原样移动到 Div 15 的位置。

jsfiddle: http://jsfiddle.net/6paRL/12/

HTML

<div id="numbers15">15</div>
<div id="hidden"></div>

Javascript

$(document).ready(function()
{
    $("#numbers15").click(function()
    {
        $("#numbers15").animate(
        {
            'left': '195px',
            'top': '195px'
        })

        $("#hidden").animate(
        {
            'left': '134px',
            'top': '195px'
        }) 
    })
});

Answer 1

检查此解决方案: http://jsfiddle.net/6paRL/13/

$(document).ready(function(){
$("#numbers15").click(function(){
      if ( $(this).hasClass('after')){
        $(this).removeClass('after');
        $("#numbers15").animate({
          'left': '134px',
           'top': '195px'
        });
        $("#hidden").animate({
          'left': '195px',
          'top': '195px'
        });            
     }else{
        $(this).addClass('after');
        $("#numbers15").animate({
          'left': '195px',
          'top': '195px'
        });
        $("#hidden").animate({
          'left': '134px',
          'top': '195px'
        });
     }
  })
});