CODEWITHSUNDEEP
jqueryslideup
Kevin Ammerlaan
Kevin Ammerlaan

Reputation: 151

jquery slideup doesn't work

Why doesn't my jquery slideup work?
Related code:

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

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

The problem seems to be in my css Can anyone help me figure out what the problem may is?

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;
}

Here's the Fiddle

Upvotes: 0

Views: 127

Answers (2)

ne1410s
ne1410s

Reputation: 7102

Here is an example of left-to-right (based on above clarifications re: the </article> closing tag)

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

Upvotes: 1

alessandrio
alessandrio

Reputation: 4370

close tag </article> html

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

Upvotes: 0

Related Questions