javascript - 一次移动两个 div 元素

Question

不确定我是否对标题太清楚了。抱歉，来晚了，我想我的头脑还没有清醒。

不管怎样，我想让它做的是..

1. 单击 div(manager) 时，将出现 div(managerp)。
2. div(manager) 移动到该区域，同时 managerp 移动到该区域。几乎就像它们作为一个 div 元素移动一样。
3. 在下一次点击时，managerp 淡出，manager 移回原来的位置。

我可以做到所有这些，但它不会回到原来的位置。我是 jQuery 的新手，所以我在这里寻求您的帮助。

编辑:div 管理器似乎没有回到原来的位置。我试过通过 jQuery 编辑 css 来获取它，但它似乎不起作用。

HTML:

    <div id="manager">
        <span>&raquo;</span>
</div>
<div id="managerp" style="">

</div>

不，我不能把 managerp 放在 manager 中，它似乎没有把自己定位得很好。

jQuery :

            $(document).ready(function() {
            $("#manager").click(function() {
                $("#manager").css({'margin-left' : '270px', 'border-left' : '0'});
                $("#managerp").toggle("slow", function() {
                    if ($("#managerp").is(':visible'))
                        $("span").html("«");
                    else 
                        $("span").html("»");
                });
            });
        });

这应该可以帮助您了解它的外观。 (对不起，如果我提供了太多信息)

感谢您的帮助。如果你需要我更具体地说明它应该做什么，尽管问。

Answer 1

这个怎么样:

$(document).ready(function() {
        $("#manager").click(function() {
            $("#managerp").toggle("slow", function() {
                if($("#managerp").is(':visible')){
                    $("span").html("«");
                    $("#manager").css({'margin-left' : '0px', 'border-left' : '0'});
                }else{
                    $("span").html("»");
                    $("#manager").css({'margin-left' : '270px', 'border-left' : '0'});
                }
            });
        });
});

您必须将边距重置为 0px。