javascript - .next() और.prev() उल ली उत्तरदायी दृश्य में

मेरे पास एक टैब पैनल है और मैं उत्तरदायी दृश्य में एक अगला और पहले रखना चाहता हूं। इस तरह http://www.jqueryscript.net/demo/Mobile-friendly-Responsive- Navigation-Plugin-Swipe-Navigation / (अपने ब्राउज़र का आकार बदलें)

मैंने ऐसा करने की कोशिश की, लेकिन मेरे पास कोई भाग्य नहीं है। मैं अपनी स्क्रिप्ट को सही ढंग से काम नहीं कर सका मैंने ऊपर दिए गए लिंक से स्क्रिप्ट की कोशिश की, लेकिन अभी भी काम नहीं कर रहा है

यह कैसे करना है? या मेरे वर्तमान कोड को ठीक कैसे करें? या ऐसा करने का एक आसान तरीका है? क्रिप्या मेरि सहायता करे।

मेरा कोड

<ul class="tabs swipenavigation js-swipenavigation'">
   <li class="active"><span class="icons-tabbed icon-icon-tab-locator">Tab 1</span></li>
   <li><span  id="partner-store" class="icons-tabbed icon-icon-tab-howto">Tab 2</span></li>
   <li><span  id="partner-store" class="icons-tabbed icon-icon-tab-howto">Tab 3</span></li>
  <li><span  id="partner-store" class="icons-tabbed icon-icon-tab-howto">Tab 4</span></li>
  <li><span  id="partner-store" class="icons-tabbed icon-icon-tab-howto">Tab 5</span></li>
  <li><span  id="partner-store" class="icons-tabbed icon-icon-tab-howto">Tab 6</span></li>
  <li><span  id="partner-store" class="icons-tabbed icon-icon-tab-howto">Tab 7</span></li>
  <a class='next' href='#'>
    <i class='fa fa-caret-right'></i>
  </a>
  <a class='back' href='#'>
    <i class='fa fa-caret-left'></i>
  </a>
</ul>