jquery - Fancybox 1.3.4 — 単一のギャラリーで複数のインライン要素を使用するには?

Question

通常、Fancyboxを使用して、(矢印またはキーボードを使用して) ある画像から次の画像に切り替えることができる複数の画像で構成されるギャラリーを表示します。

質問: Fancybox がギャラリーを開き、最初のインライン要素を表示し、矢印をクリックすると 2 番目のインライン要素が表示されるように、HTML 要素で
同じことをしたいと思います。inline

どうやってそれをしますか？Fancyboxでそれは可能ですか？

これは、単一の HTML インライン要素に対して機能する私のコードです。

<script>
  $(document).ready(function() {
    $('a#inlinetest').fancybox({
        'type':'inline',
        'overlayShow': true,
        'overlayOpacity': 0.7,
        'overlayColor': '#666',
        'titleShow': false
    });
  });
</script>
<div>
  <a id="inlinetest"  href="#inlinedata">Click here</a>
  <div style="display:none;">
    <div id="inlinedata">
      <div>TEST</div>
    </div>
  </div>
</div>

そして、これは機能しない2つのインライン要素を持つコードです:

<script>
  $(document).ready(function() {
    $('a#inlinetest').fancybox({
        'type':'inline',
        'overlayShow': true,
        'overlayOpacity': 0.7,
        'overlayColor': '#666',
        'titleShow': false
    });
  });
</script>
<div>
  <a id="inlinetest"  href="#inlinedata">Click here</a>
  <div style="display:none;">
    <div id="inlinedata">
      <div>HTML Content of element 1 comes here</div>
    </div>
    <div id="inlinedata">
      <div>HTML Content of element 2 comes here</div>
    </div>
  </div>
</div>