SWIPE MENU

スワイプ対応タブメニュー

							
<!--スワイプメニューを適用する場合class「swipemenuarea」のsectionで要素を囲います。-->
<section class="swipemenuarea">
	<!--タブメニューはclass「swipemenuwrap」のsectionで要素を囲います。-->
	<section class="swipemenuwrap">
		<ul class="swipemenu">
			<!--メニューのひとつ目のaタグにclass「active」を指定します。-->
			<!--「swipe-target」に該当するコンテンツのIDを記入し「swipe-color」に色を指定します。-->
			<li><a swipe-target="swipe_01" swipe-color="#09F" class="active">SWIPE MENU 1</a></li>
			<li><a swipe-target="swipe_02" swipe-color="#3CC">SWIPE MENU 2</a></li>
		</ul>
	</section>
	<!--切り替わるコンテンツはclass「swipemenutarget」のsectionで要素を囲います。-->
	<section class="swipemenutarget">
		<!--コンテンツはclass「changetarget」のsectionで要素を囲い、ひとつ目にclass「active」を指定します。-->
		<!--メニューのswipe-targetに指定したIDと同じものをIDに記入します。-->
		<section class="changetarget active" id="swipe_01">
			<!--ここにコンテンツを記入します。-->
			コンテンツ
		</section>
		<section class="changetarget" id="swipe_02">
			コンテンツ
		</section>
	</section>
</section>
							
						

SWIPE MENU 1

サブタイトルをここに表示

文章をここに表示します

Display title

サブタイトルをここに表示

文章をここに表示します

SWIPE MENU 2

サブタイトルをここに表示

文章をここに表示します

Display title

サブタイトルをここに表示

文章をここに表示します

SWIPE MENU 3

サブタイトルをここに表示

文章をここに表示します

Display title

サブタイトルをここに表示

文章をここに表示します

SWIPE MENU 4

サブタイトルをここに表示

文章をここに表示します

Display title

サブタイトルをここに表示

文章をここに表示します

SWIPE MENU 5

サブタイトルをここに表示

文章をここに表示します

Display title

サブタイトルをここに表示

文章をここに表示します

SWIPE MENU 6

サブタイトルをここに表示

文章をここに表示します

Display title

サブタイトルをここに表示

文章をここに表示します

SWIPE MENU 7

サブタイトルをここに表示

文章をここに表示します

Display title

サブタイトルをここに表示

文章をここに表示します

SWIPE MENU 8

サブタイトルをここに表示

文章をここに表示します

Display title

サブタイトルをここに表示

文章をここに表示します

SWIPE MENU 9

サブタイトルをここに表示

文章をここに表示します

Display title

サブタイトルをここに表示

文章をここに表示します

SWIPE MENU 10

サブタイトルをここに表示

文章をここに表示します

Display title

サブタイトルをここに表示

文章をここに表示します

SWIPE MENU 1

サブタイトルをここに表示

文章をここに表示します

Display title

サブタイトルをここに表示

文章をここに表示します

SWIPE MENU 2

サブタイトルをここに表示

文章をここに表示します

Display title

サブタイトルをここに表示

文章をここに表示します

SWIPE MENU 3

サブタイトルをここに表示

文章をここに表示します

Display title

サブタイトルをここに表示

文章をここに表示します

SWIPE MENU 4

サブタイトルをここに表示

文章をここに表示します

Display title

サブタイトルをここに表示

文章をここに表示します

SWIPE MENU 5

サブタイトルをここに表示

文章をここに表示します

Display title

サブタイトルをここに表示

文章をここに表示します

SWIPE MENU 6

サブタイトルをここに表示

文章をここに表示します

Display title

サブタイトルをここに表示

文章をここに表示します

SWIPE MENU 7

サブタイトルをここに表示

文章をここに表示します

Display title

サブタイトルをここに表示

文章をここに表示します

SWIPE MENU 8

サブタイトルをここに表示

文章をここに表示します

Display title

サブタイトルをここに表示

文章をここに表示します

SWIPE MENU 9

サブタイトルをここに表示

文章をここに表示します

Display title

サブタイトルをここに表示

文章をここに表示します

SWIPE MENU 10

サブタイトルをここに表示

文章をここに表示します

Display title

サブタイトルをここに表示

文章をここに表示します