隐藏容器外的元素而不会溢出：隐藏

Question

当一个元素移出它的容器时，我想隐藏它。但我有 1 个限制：我不能overflow: hidden;在我的容器中用作永久样式。

这是我需要的链接：

http://jsfiddle.net/WVYpg/

我想知道是否有办法完成它，例如在它出去时消失？...可能overflow: hidden在完成动画时给出临时信息。

Answer 1

$().ready( function(){
  $( "#hide-span" ).click( function(){
    $( ".contained" ).animate( {
        left: "-250",opacity:"0"
    }, 1000 );
  } );
} );?

演示

或者

$().ready( function(){
$( "#hide-span" ).click( function(){
    $( ".contained" ).animate( {
        left: "-250"
    }, 1000 );
    $( ".contained" ).fadeOut(200);
 } );
} );?

演示 2