jQuery带幻灯片的上/下图像背景

我需要创建一个具有以下描述的jquery控件

底部将有一个图像背景和一个窗格，其文本如图1所示。单击向上箭头将使窗格向上滑动，并用一个透明的幻灯片完全覆盖背景，如图2所示。透明幻灯片将显示简短的文本

下面的链接中有我需要的功能描述的图像

选中此项，jQuery需要的所有代码是：

<script type="text/javascript">
$(document).ready(function(){
    var count=1;
    $('#arrow').click(function(){
        count++;
        if (count%2 == 0){
            $('#cover').animate({'top':'0px'},500);
            $(this).removeClass('open').addClass('close');
            }else{
                $('#cover').animate({'top':'170px'},500);
                $(this).removeClass('close').addClass('open');
            };
        });
})
</script>

---

如果您喜欢，请记住投票，情况如何？您尝试过什么吗？我不知道该怎么做，请建议任何解决方案，然后学习jQuery。从这里开始：继续阅读/获取有关滑块的示例，例如：请建议任何可以做同样事情的解决方案