jquery slideup не работает

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>