ライトボックスを別のボックスのように見せる

Question

これは質問するのに最適な質問ではありませんが、私は実際にライトボックスの問題に固執しています。私はこのLightboxを使用しようとしていましたが、うまくいきましたが、同じdivを共有するので、複数のライトボックスを持つことはできませんでした。

私はこれを発見しましたlightbox1これは完璧です。私は2つ以上のものを持つことができ、簡単です。私がする必要があるのは、このデータターゲットを変更するだけで、別のライトボックス内容

例：私はこのライトボックスのCSSに苦しんでいますが

<div id="modaldemo" class="modal-wrap closed" role="dialog"> 
    <div class="modal"> 
     <a href="#" class="modal-close"></a> 
     <div class="modal-content"> 
      <!-- Content Here --> 
      <p>Hello World</p> 
     </div> 
    </div> 
</div> 

。

私が助けが必要なのは、2番目のライトボックスを使用し、使用したいものを1つ目のように見せることです。

私はライトボックス1を使用していますので、ライトボックスのように見せてください。しかし、私はCSSを理解していないと私はそれを変更するように見えることはできませんので、これに関するどんな助けも素晴らしいでしょう。

P.S.最初のライトボックスに異なる内容があるようにする方法があれば、私もそれを実現しています:)

Answer 1

最初のライトボックスが複数のパネルを持つように変更しました。 2番目のライトボックスの例と同じように、それらを作成して開くことができます。そんなにX

<!-- Set Target panel with data-target --> 
<a class="show-panel" data-target="#panel1" href="#">Show Panel 1</a> 

<!-- Define the panel with the id --> 
<div class="lightbox-panel" id="panel1"> 
    <h2>Lightbox Panel 1</h2> 
    <p>You can add any valid content here.</p> 
    <p align="center"><a class="close-panel" href="#">Close this window</a></p> 
</div> 

JSFiddle