Одно событие на два разных элемента
 

Привет всем.
Имеется: при клике на button с id="call" открывается модальное окно, а при клике на значок крестика с классом class="modal-close" окно закрывается.

Можно ли совместить событие click(), чтобы это выглядело более красиво? Или иным способом сократить код и улучшить его вид?

$('#call').click(
			function() {
				$('.call-modal').fadeIn();
			}
		)

	$('.modal-close').click(
			function(){
				$('.call-modal').fadeOut();
			}
		)

это два разных элемента, совместить можно если повесить обработчик на общего родителя, но нужно ли это?

функцию лучше пустую уберите.

aksak1988,

$('#call, .modal-close').click(function() {
        $('.call-modal').fadeToggle()
}
    )

То что надо! Спасибо!

А если такой случай, то как быть?

$('#call').click(
			function() {
				$('.call-modal').fadeIn();
				$('.text-block').html('Какой-то текст');
			}
		)

	$('.modal-close').click(
			function(){
				$('.call-modal').fadeOut();
				$('.container').addClass('.show');
			}
		)

Спасибо, убрал. Пока копировал фрагмент, забыл ее убрать.

Кстати, на счет пустой функции, то как быть в этом случае?

$('.block').hover(
			function(){
				/**/
			},
			function(){
				$('.link').fadeOut();
			}
		)

Т.е нужно чтобы некий блок (например, .link) исчезал, когда курсор мыши пользователь уводит с блока (например, .block)