如何保持javascript上下切换

时间:2013-06-05 03:29:33

标签: javascript jquery

我有以下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");
        });

谢谢

1 个答案:

答案 0 :(得分:0)

你的意思是这样的?检查DEMO http://jsfiddle.net/jYnc7/

JQUERY

$(document).ready(function() {
    $('#show').click(function(){
        $('#myTable').slideDown(200);
    });
    $('#hide').click(function(){
        $('#myTable').slideUp(200);
    });
});