Javascript Buttons and Content

Javascript Buttons and Content

// BUTTONS AND CONTENT

	$("li.button").on("click", function (event) {
		event.preventDefault();
		var name = $(this).attr("data-story"); // Gets attr data-storey from button
		var parent = $(this).closest(".content"); // Finds parent of the button
		var container = $(parent).find(".container"); // Finds child with content
		var videoLink = $(this).find("a").attr("href"); // Finds li > a link to video
		$(container).children().fadeOut("slow"); // Hides content
		$('iframe[data-story="' + name + '"]').attr("src", videoLink); // Links to video
		$('div[data-story="' + name + '"]').fadeIn("slow"); // Makes content visible
		new Vivus(name, details); // Portrait animation in the first section
	});