JQuery не распознает левое поле, что я могу сделать?

Question

Я не часто использую jquery, но я хотел анимировать боковую панель. У меня есть боковое меню на 670 пикселей с левым полем -670. При наведении курсора мыши я хотел бы изменить левое поле на 0px ... открывая скрытый контент. При наведении мыши он должен вернуться к -670. Кажется, код, который я написал, мог бы сработать, если бы я имел дело только с полем (все четыре стороны), а не с левым полем (только слева). Но когда я указываю левое поле в моем коде, я получаю ошибки. Какие у меня варианты?

прямо сейчас у меня есть "margin" вместо "left-margin", но это просто заполнитель. вот мой код:

<script type="text/javascript">

//menu pull out
$(document).ready(function() {
 $('#left_menu').mouseover(function() {
  $('#left_menu').animate({
     margin: 0
  }, 1000, function() {
  });
});

//menu close
$('#left_menu').mouseout(function() {
  $('#left_menu').animate({
    margin:-670
  }, 1000, function() {

  });
});
});
</script>

Answer 1

Вы пишете левое поле как margin-left, если это не так, вам следует использовать leftMargin.

Answer 2

Попробуйте:

$(document).ready(function() {
 $('#left_menu').mouseover(function() {
  $('#left_menu').animate({
     marginLeft: '0px'
  }, 1000, function() {
  });
});

//menu close
$('#left_menu').mouseout(function() {
  $('#left_menu').animate({
    marginLeft: '-670px'
  }, 1000, function() {

  });
});
});