Событие OnClick не работает для увеличения / уменьшения верхнего поля

Question

У меня есть DIV, который я пытаюсь настроить верхнее поле при нажатии на ссылку триггера, используя jQuery. Мой код ниже.

Проблема в том, что это работает только одним способом - уменьшить отрицательное верхнее поле до 0. Но при втором щелчке оно не увеличивает его до -200px.

Кто-нибудь имеет представление, почему?!

$('.gh-gallink').click(
    function() {
        $('.gallery_container').animate({ marginTop: "0px" }, 2000)
    },
    function() {
        $('.gallery_container').animate({ marginTop: "-200px" }, 2000);
    }
);

Answer 1

Вместо .click() вам нужно .toggle() для циклического переключения функций при нажатии, например:

$('.gh-gallink').toggle(
  function() {
    $('.gallery_container').animate({ marginTop: "0px" }, 2000)
  },
  function() {
    $('.gallery_container').animate({ marginTop: "-200px" }, 2000);
  }
);