jQuery анимированная граница-нижняя ширина

Question

Я хочу анимировать border-bottom-width от 10px до 0px, как я могу это сделать?

$(".shortener:last").animate({
        'borderBottomWidth' : '0px'});

Это не сработает, спасибо!

ОБНОВЛЕНИЕ : я использовал margin-bottom: -10px

Answer 1

В этом примере jsFiddle отлично работает :

JQuery:

  $("#block").animate({
    borderBottomWidth: "0px"
  }, 1500 );

CSS:

div {
width:100px;
border:10px solid green;
}​

HTML:

<button id="go">&raquo; Run</button>
<div id="block">Hello!</div>​

Обратите внимание, что анимируемым значениям свойств не нужны кавычки, которые вы использовали в своем примере.