Как в jquery это осуществить?

Question

[ibr_98]

Привет, хочу чтобы при втором клике блок уже становился в исходную позицию, но мой код не работает так как я хочу, помогите

$(document).ready(function(){
	   		$(".gg").click(function(){
	   			$(".new1").css({"margin-top" : "155px", "transition" : "1s"});
	   		})
$(".gg").click(function(){
	   			$(".new1").css({"margin-top" : "-155px", "transition" : "1s"});
	   		})
	   	})

Comments

[Сергей delphinpro]

margin-top:0 - если изначально был ноль, то и ставить нужно ноль.
Вы там задаете абсолютное значение, а не смещение.

[ibr_98]

Сергей: заработало, но этого хватает только на два раза, после двух кликов анимация не работает :(

[Сергей delphinpro]

ibr_98: transition не нужно назначать скриптом. пропишите его в css.

[ibr_98]

Сергей: все спасибо, я toggle взял вместо этой возни (а так не возился бы, думал что с помощью toggle не решить мою проблему)

Answer 1

[Evgeny Svirsky]

Советую вешать класс по toggleClass а уже для класса в CSS прописать стили и обработчик вешайте через on('click').

$(function() {
  $('.gg').on('click', function() {
    $(".new1").toggleClass('someClass');
  });
});

.new1 {
  margin-top: 155px;
  transition: 1s;
}

.new.someClass {
  margin-top: -155px;
}

Comments

[ibr_98]

спасибо