How do I show the content of a news not in other page but in same page like funcybox gallery or something like that?

See more:

Javascript

CSS

jQuery

CSS3

I want to do something but i dont know if its possible.
I have some news in my html, and i dont want to click in the title and go to other page, i want to click in the title and on the same page, just opens a window with the content of the news (images, text).
When I click in link "title 1" or "title 2" I want that a window like fancybox or something appears with the image and the text of the news.
This is possible? If it is, What is de jquery or other language plugin to do that?

My html code is this:

<section id="news-container">
           <div id="news-body">
               <div id="news-content">
               <h1>News</h1>
               <hr class="line_break">


                 <article id="loop-news">
                   <img src="image1.png" />
                   <a href="#">Title 1</a>
                   <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s</p>
                   <h3>Read more</h3>
               </article>


                 <article id="loop-news">
                   <img src="image2.png" />
                   <a href="#">Title 2</a>
                   <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s </p>
                   <h3>Read more</h3>
               </article>



               </div>
          </section>