不确定我是否对标题太清楚了。抱歉,来晚了,我想我的头脑还没有清醒。
不管怎样,我想让它做的是..
- 单击 div(manager) 时,将出现 div(managerp)。
- div(manager) 移动到该区域,同时 managerp 移动到该区域。几乎就像它们作为一个 div 元素移动一样。
- 在下一次点击时,managerp 淡出,manager 移回原来的位置。
我可以做到所有这些,但它不会回到原来的位置。我是 jQuery 的新手,所以我在这里寻求您的帮助。
编辑:div 管理器似乎没有回到原来的位置。我试过通过 jQuery 编辑 css 来获取它,但它似乎不起作用。
HTML:
<div id="manager">
<span>»</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("»");
});
});
});
这应该可以帮助您了解它的外观。 (对不起,如果我提供了太多信息)
感谢您的帮助。如果你需要我更具体地说明它应该做什么,尽管问。
最佳答案
这个怎么样:
$(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
。
关于javascript - 一次移动两个 div 元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9731928/