<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-tools/1.2.7/jquery.tools.min.js"></script>

<link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.1/themes/redmond/jquery-ui.css">
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.1/jquery-ui.min.js"></script>

<script>
// jQuery 初期処理
$(function() {

	// タブ
	$( "#mytabs" ).tabs({
		active: 0,
		show: { effect: "slide" },
		hide: { effect: "slide",direction: "right" }
	})
	.css({ margin: "30px 300px 0 30px" });

	// アコーディオン
	var target_acc = 0;
	if ( typeof(localStorage["old_active_acc"]) != 'undefined' ) {
		target_acc = parseInt(localStorage["old_active_acc"]);
	}
	$( "#acc" ).accordion({
		heightStyle: "content",
		active: target_acc,
		activate: function( event, ui ) {
			localStorage["old_active_acc"] = $( this ).accordion( "option", "active" );
		}
	});

	$(".expose").click(function() {
		$(this).expose({
			color: "#202020",
			opacity: 0.5,
			closeOnEsc: true
		});
	});

});
</script>