let isOpen = false; // Задаем переменную в которой будем хранить состояние
$('.item-contacts__title').on('click',function(){
$(this).next().toggle('slow');
$(this).parent().parent().css('top', (isOpen ? '70%' : 0)); // В зависимости от состояния задаем позицию
isOpen = !isOpen; // Меняем состояние на противоположное
})
for( var i = 0; i < AllPhotoPreview.length; i++){
AllPhotoPreview[i].onclick = function(){
if(this.classList) {
for (var j = 0; j < AllPhotoPreview.length; j++) {
AllPhotoPreview[j].classList.remove('active');
}
this.classList.add('active');
} else {
this.active += ' ' + active;
}
}
}
.link {
position: relative;
display: block;
margin:50px auto;
height: 1px;
width: 1px;
background: pink;
cursor: pointer;
}
.link:before {
content: '';
position: absolute;
display: block;
top: -15px;
left: -15px;
right: -15px;
bottom: -15px;
background: rgba(255, 0, 0, 0.06);//цвет убрать
}
$(document).mouseup(function (e){ // событие клика по веб-документу
var div = $(".login-user"); // тут указываем ID элемента
if (!div.is(e.target) // если клик был не по нашему блоку
&& div.has(e.target).length === 0) { // и не по его дочерним элементам
div.hide("slide", {direction: "left"} , 1000);
}
});