Как скрыть блок при нажатии на див?

Question

[HelenaS]

Добрый день !
Мне нужно открытие и закрытие к блока при нажатии на элемент.
Вот так это выглядит на Гугл Картах

Но там используется библиотека JQueryMobile.
Я написала скрипт

$(document).ready(function () {
		$('.arr-map').on('click', function(e){
		    $(".wr-map").toggle();
		    $(this).toggleClass('.arr-map').css('left', '0.5%')
		});
});

Понятно , что arr-map при клике прячет блок, но после того как сам блок прячется, arr-map меняет положение и при последующих кликах остается у края экрана. А мне нужно что бы arr-map выезжал назад также как и блок. И тут-то я зависла....

Answer 1

[Егор Живагин]

Ну, разбей toggleClass -

if ( !$(this).hasClass('arr-map') ) {
 $(this).addClass('arr-map').css('left', '0.5%')
} else {
 $(this).removeClass('arr-map').css('left', 'your_left')
}

Или просто не меняй left :)