# Simple animate jquery not working in IE

**URL:** https://forum.kirupa.com/t/simple-animate-jquery-not-working-in-ie/323014
**Category:** Uncategorized
**Created:** [June 14, 2011, 12:27am UTC](https://forum.kirupa.com/t/simple-animate-jquery-not-working-in-ie/323014 "2011-06-14T00:27:52Z")
**Posts on this page:** 1
**Page:** 1

<div class="post-metadata">

### Author: ![irishcash33](https://avatars.discourse-cdn.com/v4/letter/i/958977/32.png) [@irishcash33](https://forum.kirupa.com/u/irishcash33)
#### Post date: [June 14, 2011, 12:27am UTC](https://forum.kirupa.com/t/simple-animate-jquery-not-working-in-ie/323014/1 "2011-06-14T00:27:52Z")

</div>

Hi,  
I have a simple animate function on a div container. Works great in FF. Doesn’t work at all in any IE. I want to know if it’s the js or css. I have read a few things but nothing definite on why it doesn’t work.  
Here is the ([http://www.headfirstgraphics.com/work/solvency2explained/animatedpanels.html](http://www.headfirstgraphics.com/work/solvency2explained/animatedpanels.html)),

```auto
<script type="text/javascript">
$(document).ready(function(){
    
  $("#panel")
    .animate({marginTop: "=300px", height: "+=100px"})
    .delay(1000)
    .animate({marginTop: "-=300px", height: "+=100px"})
    .fadeIn();
  });

</script>

<style type="text/css">
body {
    margin: 0 auto;
    padding: 0;
    font: 75%/120% Arial, Helvetica, sans-serif;
}
#panel {
    background: #000000;
    height: 200px;
    width:960px;
    display:none;
}
</style>
</head>

<body>

<div id="panel">
    <!-- you can put content here -->
</div>

```

Any ideas why IE isn’t liking this?

Thanks  
Will
