div は css で大きさを明示する必要があります





ESC で解除されます


▼ 以下の DIV と ソースコード部分もクリックすると暗転します
cdnjs でホスティングされているのでダウンロードは必要ありません。注意するのは、ダウンロードページにある 1.2.6 のホスティングされている内容です。
これはバグがあるので使用できません。

あと、jQuery UI を読み込む前に jQuery TOOLS を読み込む必要があります

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.// jQuery 初期処理
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>


ドキュメント

ダウンロード