如何保持javascript上下移动

我有下面的javascript要切换，单击表上的按钮。我想保留向上或向下切换。我的下一个和上一个箭头。当用户单击“下一个箭头”或“上一个箭头”时，它将知道表格是向上还是向下切换。谁能告诉我怎样才能做到这一点。多谢各位

工作正常但不会保留向上或向下切换的原始代码

 jQuery('#btnHide').live('click', function(event) {        
           jQuery('#dataTable').toggle('show');
 });

上一个按钮单击

$("#previous_event_audio").on("click", function () {
            $($('#tabstrip').find('a.k-link')[4]).data('contentUrl', 'Product?eventId=@ViewBag.PrevEventId');
            var ts = $('#tabstrip').data("kendoTabStrip");
            ts.reload(".k-state-active");
        });

$("#next_event_audio").on("click", function () {
            $($('#tabstrip').find('a.k-link')[4]).data('contentUrl', 'Product?eventId=@ViewBag.NextEventId');
            var ts = $('#tabstrip').data("kendoTabStrip");
            ts.reload(".k-state-active");
        });

下一步按钮单击

$("#previous_event_audio").on("click", function () {
            $($('#tabstrip').find('a.k-link')[4]).data('contentUrl', 'Product?eventId=@ViewBag.PrevEventId');
            var ts = $('#tabstrip').data("kendoTabStrip");
            ts.reload(".k-state-active");
        });

$("#next_event_audio").on("click", function () {
            $($('#tabstrip').find('a.k-link')[4]).data('contentUrl', 'Product?eventId=@ViewBag.NextEventId');
            var ts = $('#tabstrip').data("kendoTabStrip");
            ts.reload(".k-state-active");
        });

---

谢谢

你是说这样的事吗？检查演示

JQUERY

---

据我所知，最好不要使用live（），但是on（）可以发布其余的代码，或者更具体一些吗？这里没什么可出去的，不。我需要保留上一个或下一个按钮之间的切换，单击可以创建JSFIDLE吗？