Vertical News Slider Plugin not working correctly -

Vertical News Slider Plugin not working correctly -

Hello. 
I have some issues with using the vertical news slider plugin that I secured from here:  https://github.com/impressivewebs/vertical-news-slider [if you just download the working sample from there you can see the code. It is not so complex.]

Now I did the server side code and all [with C#] which is fetching the desired data from database correctly, as per my logic. No problem there. Then I go to integrate the fetched data with this plugin, so that the slider animation effect is created. See the screenshots.





All the data is perfect here, member names, avatar, their testimonials, dates etc. No worry. But it is clear all the data has appeared at once one below the other [I couldn't post the full length of the page screenshots] and not one at a time as the periodic ticking effect the plugin is supposed to bring. And the jquery animation is not working either.


These are the files I have included: 
CSS: vertical.news.slider.css
JS:    vertical.news.slider.js, vertical.news.slider.min.js

This is code snippet from the testimonial main page:
  2. <div id="container">
  3.     <a href="#top" id="back-top"><img src="~/Images/topgo.png" height="24px" width="24px" /></a>
  4.     <div class="container">
  5.         <div id="notification"></div>
  6.         <div class="row">
  7.             <div class="span12">
  8.                 <div class="row">
  9.                     <div class="span12" id="testimonialTicker">
  10.                         <div class="breadcrumb">
  11.                         </div>
  12.                         <h1 class="style-1">Client Testimonials</h1>
  13.                         @Html.Partial("_testimonialTicker")
  14.                         <div class="buttons">
  15.                             <div class="right">
  16.                             <a class="button-cont-right" href="@Url.Action("Index")">Continue
  17.                             <img src="~/Images/continue.png" height="27px" width="27px" /></a>
  18.                         </div>
  19.                         </div>
  20.                     </div>
  21.                 </div>
  22.             </div>
  23.         </div>
  24.     </div>
  25. </div>
    26.  


This is some code snippet from my partial view
  2. <div class="news-holder cf">
  3.     @if (TestimonialDisplayService.FetchTopTestimonial().Count() != 0)
  4.     {
  5.         int x = TestimonialDisplayService.FetchTopTestimonial().Count();
  6.         List<string> aliases = TestimonialDisplayService.FetchTopTestimonial().Select(item => item.alias_nm).ToList();
  7.         <ul class="news-headlines">
  8.             @for (int v = 0; v < x; v++)
  9.             {
  10.             
  11.                 <li>
  12.                     <strong>@aliases[v].ToString();</strong>
  13.                 </li>
  14.             
  15.             }
  16.         </ul>
  17.         foreach (TestimonialBasic itmT in TestimonialDisplayService.FetchTopTestimonial())
  18.         {
  19.             <div class="news-preview">
  20.                 <div class="news-content top-content">
  21.                         <img src="@itmT.mem_avatar" title="View Profile" alt="View Profile" />
  22.                         <p><a href="#"><b>@itmT.alias_nm</b></a></p>
  23.                         <p>@itmT.mem_testimonial</p><br /><br />
  24.                         <p><i>@itmT.testimonial_dt.AsDateTime().ToShortDateString()</i></p>
  25.                 </div>
  26.             </div>
  27.         }
  28.     }
  29. </div>