$(function() {
	
	var schedule = $('.schedule-header');
	var cities = schedule.find('.sh__city');
	var button = $('.sh__button');

	var openScheduleClass = 'sh__opened';
	var selectedClass = 'sh__selected';

	button.click(function() {		
		schedule.toggleClass(openScheduleClass);
	});

	cities.click(function() {
		var city = $(this);

		if (!schedule.hasClass(openScheduleClass)) {
			return;
		}

		city.siblings().removeClass(selectedClass);
		city.next('.sh__time').andSelf().addClass(selectedClass);

		schedule.removeClass(openScheduleClass);
		
	});
});