javascript - 使隐藏的滑动 div 出现在链接后面

标签 javascript jquery html css

fiddle

请看上面的 fiddle 。

有一个链接,单击该链接时,隐藏的 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' });
});

检查 Fiddle

关于javascript - 使隐藏的滑动 div 出现在链接后面,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30545171/

相关文章:

javascript - Django:将 textarea 小部件与 javascript 字符计数器/限制器一起使用?

javascript - 确定 jquery 对话框的结果。将对话的结果分配给变量

jquery - 更新其中的html时,光标跳转到代码标签的开头

javascript - 单击时更改按钮文本(更多/更少)

javascript - Safari 7.0.1 和 onsubmit

jquery - .insertBefore Jquery 不工作?

html - 填充 SVG 的百分比并为填充设置动画

html - 绝对元素继承了父元素的宽度,但我希望它根据其子元素进行拉伸(stretch)

Javascript call() & apply() vs bind()?

android - 固定位置,100% 高度元素,在移动设备上并不总是 100%