添加下一个和上一个按钮以隐藏显示div内容脚本

Question

你好，我有这个脚本，允许我在点击链接项时显示不同div的不同内容。

这是我正在使用的脚本：

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.js'></script>
<script type="text/javascript">
    function showHide(d) {
        var onediv = document.getElementById(d);
        var divs = ['content1', 'content2', 'content3', 'content4', 'content5', 'content6', 'content7', 'content8'];
        for (var i = 0; i < divs.length; i++) {
            if (onediv != document.getElementById(divs[i])) {
                document.getElementById(divs[i]).style.display = 'none';
            }
        }
        onediv.style.display = 'block';
    }    

    $(function stay() {
        $('.menu li a').click(function() {
            $('ul.menu li a').removeClass('selected');
            $(this).addClass('selected');

        });
    });
</script>

我的HTML看起来像这样：

<a href="javascript:showHide('content1');"><span class="displace"></span></a>

或     

因此该函数基本上显示了内容为x的div并隐藏了其他内容div。 我想添加一个函数来添加下一个和前一个按钮，这些按钮执行相同的功能，只是为内容添加+1或-1但我不知道如何操作。

我不确定我的问题是否足够清楚，但任何帮助都会有用。 感谢。