jquery - 当元素在其父 div 之外（即向右滑动）时，如何隐藏它？

Question

我正在尝试在 div 上制作一个“滑入”工具箱。当 div 加载时，滑动内容会一直移动到父级的右侧，除了用户可以点击的一点。然后当他们点击它时，滑动内容应该滑入。

我使用此功能滑入/滑出：

$(function () {
$("#clickme").toggle(function () {
    $(this).parent().parent().animate({right:'-40px'}, {queue: false, duration: 500});
}, function () {
    $(this).parent().parent().animate({right:'-320px'}, {queue: false, duration: 500});
});

});

见：http: //jsfiddle.net/ySQgm/

但是，当滑块折叠时，您仍然可以看到 div 之外的内容，但我希望将其隐藏，然后优雅地滑入。

Answer 1

在#container 元素中，添加

overflow:hidden;

这将只留下可见的箭头和边缘。