javascript - 需要在 jquery 中可用的插件来显示隐藏

Question

谁能给我一些关于滑动窗口插件的指针，如果有的话，可以在 jQuery 中使用。基本上，我需要实现雅虎邮件的功能，您可以在其中隐藏单击按钮时窗口右侧显示的广告窗格。

对此的任何帮助都非常感谢

谢谢和问候， 马纳夫

Answer 1

如果您有一个 IDpanel位于屏幕右侧的元素，并且您想将其滑动到右侧直到它不再可见，然后将其移除，您可以使用 jQuery 的animate()函数来实现该效果：

$('#panel').animate({'margin-left': width-of-the-panel}, function() {
    $('#panel').remove();
});

• $('#panel')获取 ID 为的元素panel
• animate()动画元素的提供的属性，并在完成时调用一个函数
• margin-left: width-of-the-panel（替换width-of-the-panel为面板的实际宽度，以像素为单位）将为 CSS 属性设置动画，margin-left直到其值等于面板宽度的值，有效地将其向右移动到足以使其从屏幕上消失
• $('#panel').remove()最后从 DOM 中删除元素

Answer 2

有很多选择。开源免费框架 - jQuery UI及其Slider或Animate

$("#button").click(function(){
    if ($("#element").width() > 0) {
      // slide in
      $("#element").animate({width: 0},1000);
    }
    else {
      // slide out
      $("#element").animate({width: 200},1000);
    }
});