Simple Modalで複数のオーバーレイを作成するにはどうすればよいですか？

Question

シンプルモードを使用して複数のオーバーレイを作成しようとしています。ドキュメントのほか、Stackのいくつかの記事を見て、失敗しました。うまくいけば、jQuery開発者はチャイムでチャットして助けてくれるでしょう。

HTML：

<div class="basic-modal work-thumb"> 
    <a class="basic" href="#"> 
     <img src="thumbnail.png" /> 
    </a> 
    <a class="basic" href="#"> 
     <img src="thumbnail.png" /> 
    </a> 
</div> 

<div id="modal-help"> 
    Modal Content here... 
</div> 
<div id="modal-faq"> 
    Modal Content here... 
</div> 

JS：

$('.basic-modal .basic').click(function (e) { 
    e.preventDefault(); 
    $('#modal-' + this.id).modal({ 
     position:[232,218], 
     escClose:true, 
     overlayClose:true 
    }); 
     return false; 
});//end simple modal 

オーバーレイは動作しますが、＃モーダルヘルプ内のコンテンツは表示されません。どんな助力/提案もすばらしいでしょう。ありがとうございました！

Answer 1

最後にクリックされたdivを、直前にクリックされたdivよりも小さいzvalueに設定します。これにより、新たにクリックされたdivが最初にレイヤーに表示されます。