sakerdon

<div class="alert-status alert-status_success">
	Изменения сохранены
</div>

sakerdon

<div class="ks-textarea" contenteditable="true" placeholder="Введите текст сообщения..."></div>

sakerdon

<!-- табы мессенджеров -->
<div class="km-messengers">
	<div class="km-messengers__tab">
		<div class="km-messengers__title">Facebook</div>
		<input type="checkbox" class="checkbox">
	</div>
</div>
<!-- табы мессенджеров -->

sakerdon

<div class="ks-select">
	<div class="ks-select__title">Первый раздел</div>
	<div class="ks-select__select">
		<div class="ks-select__input"></div>
		<div class="ks-select__button"></div>
	</div>
	<div class="ks-select__menu dropdown-menu">
		<div class="dropdown-menu__list">
			<div class="dropdown-menu__item selected">Заголовок</div>
			<div class="dropdown-menu__item">Номер телефона</div>

sakerdon

<div class="ks-input" placeholder="Введите текст"></div>

sakerdon

<div class="ks-action-form">
	<div class="ks-action-form__header">
		<div class="ks-action-form__title">Название кнопки</div>
		<div class="ks-action-form__title-input">	
		</div>
		<div class="ks-tabs">
			<div class="ks-tabs__item">Ссылка</div>
			<div class="ks-tabs__item">Информационная</div>
			<div class="ks-tabs__item">Продающая</div>
		</div>

sakerdon

<div class="ks-tabs">
	<div class="ks-tabs__item">Ссылка</div>
	<div class="ks-tabs__item">Информационная</div>
	<div class="ks-tabs__item">Продающая</div>
</div>

sakerdon

<div class="ks-title-field">
	<input type="text" class="ks-title-field__input" placeholder="Введите заголовок">	
</div>

sakerdon

<div class="ks-img-overlay">
	<div class="ks-img-overlay__button">
	Нажмите для загрузки изображения
	<br>
	рекомендуемый размер 600х300 пикс.	
	</div>
	<img src="" class="ks-img-overlay__image">
</div>

sakerdon

$(document).ready(function() {
	function toggle() {
		var btn = $('#toggler');

		btn.click(function () {
			$('.section').toggleClass('toggled');
		})
	}

	toggle();