Здравствуйте. Мне нужно сделать галерею в которой картинка сначала растягивается по ширине, а затем по длине. Помогите сделать чтобы картинка при еще одном клике возвращалась назад. Также некоторые картинки не перекрывают друг друга.
<script>
$(document).ready(function() {
$(".photo").bind("click", function(event) {
/*$(event.target).parent().css("text-align", "center");*/
$(event.target).css("position", "absolute");
$(event.target).css("left", "45px");
$(event.target).css("margin-top", "180px");
$(event.target).animate({
width: $(event.target).width() * 5,
height: $(event.target).height() * 1,
}, 3000);
$(event.target).animate({
height: $(event.target).height() * 5,
}, 3000);
});
});
</script>
<p id="slider">
<img class="photo" src="01.jpg" alt="картинка" id="img" width="200px" />
<img class="photo" src="02.jpg" alt="картинка" id="img" width="200px" />
<img class="photo" src="03.jpg" alt="картинка" id="img" width="200px" />
</p>