Как сделать скрытие call-виджета по нажатию кнопки?

Question

[Site Maker]

Подскажите пожалуйста как сделать закрытие виджета по нажатию внутренних кнопок?

Answer 1

[Анатолий Куликов]

Нужно:

1. всем кнопкам назначить один общий класс (например, button_call)
   
2. немного поменять функцию: по клику на элемент, содержащий такой класс, проверять кнопку с классом pulse, и по условию выполнять действие именно с ней (заменить все this на '.pulse')
   

javascript

$(document).ready(function (){
	$(".button_call").click(function (e){
  	e.preventDefault();
		if (!($('.pulse').hasClass("active"))){
			$(".ui-list").animate({
				height: "240px",
				opacity: "1",
				bottom: "120px"
			});
			$('.pulse').addClass("active");
		} else {
			$(".ui-list").animate({
				height: "0px",
				opacity: "0",
				bottom: "-130px"
			});
			$('.pulse').removeClass("active");
		}
	});
});

Comments

[Site Maker]

сделал по вашему - меню не открывается теперь.

[Анатолий Куликов]

Которая зеленая основная кнопка? Или какая-то другая? Вот сделал форк, у меня все работает

[Site Maker]

Анатолий Куликов, проверил, да работает, но почему то ссылки не кликабельные стали, по ссылкам не переходит, если вставитьб прямую ссылку на соц сеть к примеру

[Анатолий Куликов]

Нужно убрать e.preventDefault();

[Site Maker]

Анатолий Куликов, отлично, то что нужно! Спасибо!