<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>