Scretch-1

// Плавное появление, исчезание блока
		// Документация http://www.w3schools.com/jquery/jquery_fade.asp
		// <button>Открыть блок</button><br><br>
		// <div id="div1" style="width:80px;height:80px;background-color:red;"></div><br>
		$(document).ready(function(){
			$("button").click(function(){
				$("#div1").fadeToggle();
				// Вариации:
				// $("#div2").fadeToggle("slow");
				// $("#div3").fadeToggle(3000);

Scretch-1

// Добавление элементу класса или ид при клике на другой элемент
// Документация http://codepen.io/michaelkaeser/pen/yAKvn
$(document).ready(function() {
		$('.toggle').on('click',function(){
		$('.fades').toggleClass('one');
	});
});