jquery幻灯片不起作用

Question

为什么我的jQuery幻灯片不工作？
相关代码：

<article id="slide1">article</article> 

<script> 
$(document).ready(function() { 
$("#slide1").slideUp(3000); 
}); 
</script> 

这个问题似乎是在我的CSS 谁能帮我找出这个问题可能是什么？

body { 
    margin:0; 
    width:375px; 
    background:#fff; 
    font-family: arial; 
} 

#wrapper { 
    position: absolute; 
    height: 640px; 
    width: 375px; 
} 

#header { 
    position: fixed; 
    width: 375px; 
    height: 80px; 
    background: #85d134; 
    z-index: 4; 
    opacity: 0.96; 

}

.width { 
    display: inline-block; 
    width: 150px; 
    font-size: 8pt; 
} 

这里的Fiddle

Answer 1

下面是左到右（基于上述澄清再一个例子：结束标签</article>）

$(document).ready(function() { 
    $("#slide1").animate({ 'margin-left': 100}, 1000); 
}); 

Answer 2

结束标记</article> HTML

<article id="slide1">article</article> 
<script> 
$(document).ready(function() { 
$("#slide1").slideUp(3000); 
}); 
</script>