这个效果其实可以用jQuery的animate方法来实现，首先你需要给按钮绑定一个点击事件，然后判断当前的状态，比如可以设置一个变量来记录是否已经移动过。当第一次点击按钮时，让div的left属性减小，比如从100%变为0%，实现从右往左的移动；再次点击时再把它移回去，也就是left从0%变回100%。用animate的话动画过渡会比较平滑，记得设置position为absolute或者relative，不然left属性可能不会生效
-
-
其实jQuery实现这个不难，主要是逻辑要理清楚。你可以给按钮添加一个点击事件监听器，然后在这个事件处理函数里面判断当前的位置。比如可以用一个变量isMoved来记录是否已经移动过。然后用animate方法去改变div的left属性，让它从右往左动，或者从左往右动。注意div的position必须是absolute或fixed，不然left和right属性不会生效。这样就能实现来回切换的动画效果了
-
你可以这样写代码，先给按钮绑定点击事件，然后通过判断div的当前位置来决定往哪边动。比如可以用offset()方法获取当前位置，或者你自己维护一个状态变量。然后用animate方法来改变left的值，比如从100%变成0%，再从0%变回去。也可以用animate的+=或者-=来实现相对移动。不过如果你想让它每次都在屏幕范围内移动，最好还是用百分比或者固定值来控制位置，这样更可控一些
-
100%。然后给按钮绑定点击事件，每次点击的时候判断一下当前的位置，然后决定是移到左边还是移回来。可以用一个变量来记录状态，比如varmoved=false，点击的时候根据这个变量来决定怎么动。记得设置div的position为absolute或者relative，不然left属性不会生效。整个过程动画会比较流畅，用户体验好一些
-
我觉得你可以用toggle方法来实现切换效果，不过现在toggle好像不推荐用了，可以自己用一个变量来记录状态。比如一开始div在右边，点击按钮就让它移动到左边，再点回来。用animate方法设置left的值，比如从100%到0%，或者反过来。你还可以用toggleClass来控制位置，这样CSS和JS分离会比较清晰，不过具体还是要看你的布局和需求怎么写了