من از یک تب استفاده کردم و 2عدد دکمه هم پایین تب گذاشتم ک با اون دکمه ها هم جابجا بشه اما اسکریپتم مشکل داره و اجرا نمیشه ممنون میشم راهنماییم کنید

کدهای تب :

 <section>
           <div id="tabs" class="tabs tabs-style-bar">
               <nav>
                   <ul>
                       <li><a href="#section-bar-1" class="icon icon-home"><span>Home</span></a></li>
                       <li><a href="#section-bar-2" class="icon icon-box"><span>Archive</span></a></li>
                       <li><a href="#section-bar-3" class="icon icon-display"><span>Analytics</span></a></li>
                       <li><a href="#section-bar-4" class="icon icon-upload"><span>Upload</span></a></li>
                       <li><a href="#section-bar-5" class="icon icon-tools"><span>Settings</span></a></li>
                   </ul>
               </nav>
                    <div class="content-wrap">
                        <section id="section-bar-1">
                            <p>1</p>
                        </section>
                        <section id="section-bar-2">
                            <p>2</p>
                        </section>
                        <section id="section-bar-3">
                            <p>3</p>
                        </section>
                        <section id="section-bar-4">
                            <p>4</p>
                        </section>
                        <section id="section-bar-5">
                            <p>5</p>
                        </section>
                    </div><!-- /content -->
                </div><!-- /tabs -->

 
            <input class="header" id="prev" type="button" value="Prev" />
                <input class="header" id="next" type="button" value="Next" />
       
</section>

کدهای اسکریپت :

 <script>

                    $(document).ready(function () {
                        var selectTab = function (delta) {
                            //var index = $("#tabs .current").parent().index();
                            var index = $("#tabs").tabs('option', 'active');
                            var count = $("#tabs ul > li").length;
                            index += delta;
                            if (index < 0) {
                                index = count - 1;
                            }
                            if (index >= count) {
                                index = 0;
                            }
                            $("#tabs").tabs('option', 'active', index);
                        };

                        $("#tabs").tabs();
                        $("#prev").click(function () {
                            selectTab(-1);
                        });
                        $("#next").click(function () {
                            selectTab(1);
                        });
                    }); //end document ready


                </script>