jQuery アニメーション モーダル ウィンドウ ダイアログ効果

代コード部分：

<section class="example">
<h3 class="サブタイトル">HTML またはテキスト</h3>
<div class="コード">
<div class="code-cel">
<h4 class="code-title">html</h4>
<pre><code class=" language-markup"><!-- この例では、Daniel Eden による「animate.css」ライブラリを使用しています。「daneden.github.io/animate.css」を見てください。 ->
<a href="#" class="link-html"
data-box-html="<div class='example-html'>こんにちは!</div>"
data-box-animate-open="アニメーションのタダ"
data-box-animate-close="アニメーション付きflipOutX">
HTMLコンテンツの例
</a></code></pre>
</div>
<div class="code-cel">
<h4 class="code-title">js</h4>
<pre><code class=" language-javascript ">$('.link-html').edbox();</code></pre>
</div>
</div>
<a href="#" class="btn btn-example link-html" data-box-html="<div class='example-html'>こんにちは!</div>" data-box-animate-open="アニメーションのタダ"
data-box-animate-close="animated flipOutX">HTML コンテンツの例</a>
</セクション>