一个简单的jquery导航

我想创建一个文本导航，但我不想使用服务器端，而是想使用jquery并只写一次内容

请参见示例图像

导航条将是底部的箭头。如果到达终点，将箭头变成白色，或者如果开始，将左箭头变成白色

---

任何帮助都将不胜感激

您的jQuery解决方案将取决于您希望导航的工作方式。是否要替换文本？是否要在项目之间滚动？这里没有太多的工作要做

但是，让你开始这里是一个“鸭子磁带”的方式做它。。。（注意：这不是一种很好的“入门”方式，因此，计划研究更好的解决方案。）

var电流='1'；
$（'.navR'）。当用户单击右导航按钮时，单击（函数（e）{//。。。
如果（当前=='1'）{//如果您要转到新内容的第一位。。。
$（“#内容”）.replaceWith（“您在此处的第一个内容…”）；//将内容替换为。。。
电流++；
$（'.navR'）.css（'color'，'red'）；//当剩下更多内容时，将右箭头设为红色
}else if（current=='2'）{//如果您要进入新内容的第二位。。。。
$（“#content”）.replaceWith（“此处的第二个内容…”）；//将内容替换为。。。。
电流++；
$（'.navR'）.css（'color'，'white'）；//将最后一项上的箭头变成白色
};
});

然后向左转

$('.navL').click(function (e) {
    if (current == '2') {
        $('#content').replaceWith("<div id='content'>Your First Content Here...</div>");
        current--;
            $('.navL').css('color','red'); 

    } else if (current == '1'){
        $('#content').replaceWith("<div id='content'>Your Second Content Here...</div>");
        current--;
            $('.navL').css('color','white'); 
    };

});

$（'.navL'）。单击（函数（e）{
如果（当前=='2'）{
$（'#content'）。替换为（“您在此处的第一个内容…”）；
当前--；
$（'.navL'）.css（'color'，'red'）；
}否则如果（当前=='1'）{
$（“#内容”）.replace为（“此处的第二个内容…”）；
当前--；
$（'.navL'）.css（'color'，'white'）；
};
});

---

同样，这是一种非常简单和笨拙的方法，但也许它会让你开始…

到目前为止你有什么收获？或者你希望有人为你做这一切？箭头应该做什么？更改文本？我绝不是js人，我已经用serverside完成了，它可以工作，只是想要一个js优雅的解决方案。箭头将移动到下一项，直到它结束，类似于上一项和下一项。Thanksman这是一些严肃的设计要求…：]谢谢你的努力，但我想我对js的缺乏甚至不能让我理解。我很感激你花了这么多时间。几个小时前我看到了这个[链接]（），看起来使用起来很简单。时间会告诉我们欢呼声

$('.navL').click(function (e) {
    if (current == '2') {
        $('#content').replaceWith("<div id='content'>Your First Content Here...</div>");
        current--;
            $('.navL').css('color','red'); 

    } else if (current == '1'){
        $('#content').replaceWith("<div id='content'>Your Second Content Here...</div>");
        current--;
            $('.navL').css('color','white'); 
    };

});