具有不同功能的多个显示/隐藏div

Question

如何使用next和prev在每个具有不同功能的JQUERY上使用hide and show做div。我希望也是最后一次是Finish没有恢复到第一个div

这是的jsfiddle

http://jsfiddle.net/hsJbu/854/

我想第1页上按的下一个我加载阿贾克斯，但不知道在哪里使用该功能，然后在第2页，不同的功能，但在我的jsfiddle这是相同的所有

EDIT1

添加代码在这样的点击处理程序

var funs = [ 
    function() { 
    console.log('1 function'); 
    }, 
    function() { 
    console.log('2 function'); 
    } 
]; 

，并调用这个函数：由普利文问

$(document).ready(function(){ 
    $(".divs div").each(function(e) { 
     if (e != 0) 
      $(this).hide(); 
    }); 

    $("#next").click(function(){ 
     if ($(".divs div:visible").next().length != 0) 
      $(".divs div:visible").next().show().prev().hide(); 
     else { 
      $(".divs div:visible").hide(); 
      $(".divs div:first").show(); 
     } 
     return false; 
    }); 

    $("#prev").click(function(){ 
     if ($(".divs div:visible").prev().length != 0) 
      $(".divs div:visible").prev().show().next().hide(); 
     else { 
      $(".divs div:visible").hide(); 
      $(".divs div:last").show(); 
     } 
     return false; 
    }); 
}); 

// I WANT TO CALL THESE 
function page1() 
{ 
    alert('page1'); 
    //call my function on page1 
} 

function page2() 
{ 
    alert('new function'); 
} 

HTML

<div class="divs"> 
    <div class="cls1">1</div> 
    <div class="cls2">2</div> 
    <div class="cls3">3</div> 
    <div class="cls4">4</div> 
</div> 
<a id="next">next</a> 
<a id="prev">prev</a> 

Answer 1

可以在阵列保存功能，这样

var i = $(".divs div:visible").index(); 
funs[i] && funs[i](); 

或

if (typeof funs[i] == 'function') { 
    funs[i](); 
} 

或不喜欢的数组：在后

if (i == 0) { 
    page1(); 
} else if (i == 1) { 
    page2(); 
}