JQuery - Border Radius Animation Bug

by Taufik Nurrohman

HTML

<div></div>

CSS

div {
    width:100px;
    background-color:#0000ff;
    height:100px;
    margin:30px;
    cursor:pointer;
  }

JavaScript

$('div').toggle(function() {
    $(this).stop().animate({
        '-webkit-border-radius': '70px',
        '-moz-border-radius': '70px',
        'border-radius': '70px'
    }, 1000);
}, function() {
    $(this).stop().animate({
        '-webkit-border-radius': '0px',
        '-moz-border-radius': '0px',
        'border-radius': '0px'
    }, 1000);
});