Javascript 使隐藏的滑动div显示在链接后面

请看上面的小提琴

有一个链接，单击该链接时，隐藏的div会从右侧滑出

隐藏的div包含一个图像

此时隐藏的div滑出，但出现在距离“contact”链接较远的位置，然后当它向后滑动时，在滑到“contact”后面之前消失

我希望它看起来像是从“联系人”后面滑出，从“联系人”后面滑入，没有任何重叠

$('#contact').click(function () {
$('#contact-info').animate({width: 'toggle'});
});

你可以这样做：

var move = 80;
$('#contact').click(function () {
         move = move===80 ? 160 : 80;
    $('#contact-info').animate({right: move, width: 'toggle' });
});

---

选中

并设置

右侧

属性的动画

$('#contact').click(function () {
    var right = '160px';
    if ($('#contact-info').is(":visible")) {
        right = '38px';
    }
    $('#contact-info').animate({width: 'toggle', right: right});
});

---

我找到了一种方法，只需调整css即可实现这一点

---

将#联系人信息权限css属性减少到90px#联系信息{right:90px；}尝试调整css属性“right”。当前right属性设置为160px。将其设置为79pxlike？抱歉，我忘了说一旦div滑出，它需要设置为与链接的这个距离，但不知何故，它看起来好像从后面滑出到了与右侧的那个距离。

#contact {
background-color: #ffffff;
bottom: 34px;
padding-right: 38px;
position: fixed;
right: 0;
z-index: 1;
}
#contact-info {
bottom: 34px;
margin-right: -250px;
position: fixed;
right: 444px;
text-transform: lowercase;
white-space: nowrap;
 }