移动div，使用Jquery产生奇怪的结果

我有一个非常简单的Jquery脚本，我正在尝试制作一个移动的横幅。问题是，当它像小提琴一样移动时：

但一旦我把它放到实际的页面中，在加载页面时，内部内容就会消失在wrapper div的左上角

以下是我的实际页面代码： $function{ $clickme.togglefunction{ $this.parent.animate{right:'0px'}，{queue:false，duration:500}； }，功能{ $this.parent.animate{right:'-280px'}，{queue:false，duration:500}； }; }; 身体{ 溢出x：隐藏； } 滑出{ 背景：666人； 位置：绝对位置； 宽度：280px； 高度：80px； 最高：45%； 右：-280px； 左侧填充：300px } 点击我{ 位置：绝对位置； 顶部：0；左侧：0； 高度：60px； 宽度：60px； 背景：000000； } 滑动内容{ 浮动：对； } 内容{ 背景：000000； 宽度：200px； 高度：80px； } 你好

---

如果没有实际的页面代码，很难发现问题。。。fiddle中的代码只需要一些minnor CSS更改，就是这样，Id在fiddle中工作正常，但在html页面中失败。我没有别的代码。如果你的代码与问题和小提琴中的代码完全相同，那么你的问题不在代码中。我应该在哪里查找问题？页面是简单的php，没有任何东西。我真的不能说没有更多的代码。。。我讨厌PHP：