섹션 내부의 콘텐츠를 슬라이드 할 수 없으므로 다른 플러그인을 사용하는 것이 더 좋습니까?

Question

홈 페이지의 처음 두 섹션을 표시하고 "추가 뉴스 표시"를 클릭하면 처음 두 뉴스가 사라지고 숨겨진 다른 두 개의 뉴스가 나타납니다. 섹션을 jCarousel과 함께 슬라이드 할 수 있습니까? 나는 여러 가지 방법을 시도하고 결코 작동하지 않기 때문에. 콘텐츠 섹션을 통한 슬라이드 용 다른 플러그인을 사용 하시겠습니까?

가져 오기 jQuery를 libs와

<script type="text/javascript" src="jcarousellite_1.0.1.min.js"></script> 
<script type='text/javascript' src='//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js?ver=1.9.1'></script> 

HTML :

  <div id="news-content"> 

      <h1>News</h1> 
      <hr/> 

      <div id="firstnews"> 

      <article id="loop-news"> 
       <img src="image1.png" /> 
       <a href="#">Title 1</a> 
       <p>Text Title 1</h3> 
      </article> 


      <article id="loop-news"> 
       <img src="image2.png" /> 
       <a href="#">Title 2</a> 
       <p>Text Title 2</p> 
       <h3>Read more</h3> 
      </article> 

      </div> 

      <!-- Just want to show this articles below when click on "SHOW MORE NEWS" --> 

      <div id="secondnews"> 

      <article id="loop-news"> 
       <img src="image1.png" /> 
       <a href="#">Text only show</a> 
       <p>Text Title 1</h3> 
      </article> 


      <article id="loop-news"> 
       <img src="image2.png" /> 
       <a href="#">Title 2</a> 
       <p>Text Title 2</p> 
       <h3>Read more</h3> 
      </article> 

      </div> 

      <hr/> 
      <a href="#" id="nextBtn">SHOW MORE NEWS(+)</a> 

      </div> 

JQuery와 :

나는 같은 문제가 없었다

<script type="text/javascript"> 

     $(document).ready(function() { 
      $("news-content").jCarouselLite({ 
       btnPrev: "#nextBTN", 
       visible: 1 
      }) 
     }); 

</script> 

Answer 1

, I t hink jcarousel은 이미지로만 더 잘 작동합니다. 아마도 Bj 콘텐츠 슬라이더가 필요합니다. http://www.byjoomla.com/joomla-extensions/content-slider