01.
<script src=
"//ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"
></script>
02.
03.
<script src=
"https://cdnjs.cloudflare.com/ajax/libs/jquery-tools/1.2.7/jquery.tools.min.js"
></script>
04.
05.
<link rel=
"stylesheet"
href=
"//ajax.googleapis.com/ajax/libs/jqueryui/1.10.1/themes/redmond/jquery-ui.css"
>
06.
<script src=
"//ajax.googleapis.com/ajax/libs/jqueryui/1.10.1/jquery-ui.min.js"
></script>
07.
08.
<script>
09.
10.
$(
function
() {
11.
12.
13.
$(
"#mytabs"
).tabs({
14.
active: 0,
15.
show: { effect:
"slide"
},
16.
hide: { effect:
"slide"
,direction:
"right"
}
17.
})
18.
.css({ margin:
"30px 300px 0 30px"
});
19.
20.
21.
var
target_acc = 0;
22.
if
(
typeof
(localStorage[
"old_active_acc"
]) !=
'undefined'
) {
23.
target_acc = parseInt(localStorage[
"old_active_acc"
]);
24.
}
25.
$(
"#acc"
).accordion({
26.
heightStyle:
"content"
,
27.
active: target_acc,
28.
activate:
function
( event, ui ) {
29.
localStorage[
"old_active_acc"
] = $(
this
).accordion(
"option"
,
"active"
);
30.
}
31.
});
32.
33.
$(
".expose"
).click(
function
() {
34.
$(
this
).expose({
35.
color:
"#202020"
,
36.
opacity: 0.5,
37.
closeOnEsc:
true
38.
});
39.
});
40.
41.
});
42.
</script>