Php JQuery切换寄存器多表divs

我有以下问题

我在这一页的右边有一本登记簿。它的末端有一个按钮，如果你点击该按钮，寄存器将转到屏幕上，如果你再次点击，寄存器将再次隐藏

这是我当前的解决方案：

jsfiddle.net/6JLr9/

（按钮：绿色，内容：红色

我这里的问题是：在隐藏和显示动画期间，按钮不移动，动画完成后，按钮直接移动到新的（正确的）位置。如何使按钮同时移动

提前谢谢你

我已经更新了你的密码。 在js和css中更改了一些内容

JS:

CSS:

---

现在它可以正常工作了。

我在Javascript和CSS中做了一些更改

Javascript:

$(document).ready(
    function(){
        $('.videohilfe').click(function(){
               if($('.videohilfe-wrapper').css('right') == '-200px')
                    $('.videohilfe-wrapper').animate({right:'0px'});
               else
                    $('.videohilfe-wrapper').animate({right:'-200px'});
            });
        }
    );

CSS:

.registers-wrapper {
  position:fixed;
  right:-200px;  /* changed */
  z-index:50;
}

$(document).ready(
    function(){
        $('.videohilfe').click(function(){
               if($('.videohilfe-wrapper').css('right') == '-200px')
                    $('.videohilfe-wrapper').animate({right:'0px'});
               else
                    $('.videohilfe-wrapper').animate({right:'-200px'});
            });
        }
    );

.registers-wrapper {
  position:fixed;
  right:-200px;  /* changed */
  z-index:50;
}