jQuery自定义滑块显示或隐藏导航按钮

我已经构建了一个自定义jQuery滑块（我知道Cycle等，但想使用自定义滑块）

它允许用户使用寻呼机和“下一步”和“上一步”按钮来导航滑块，我已经成功地使用了这些按钮

但是，由于我的滑块不会循环（设计上是有意的），因此当用户到达第一张或最后一张幻灯片时，我希望隐藏并显示下一张和上一张按钮

为此，我创建了一个函数，当用户单击按钮或寻呼机时运行该函数，并检查要显示或隐藏的内容。但这就是我被困的地方。有人能帮忙吗

这是滑块的小提琴：

到目前为止，我最接近的工作是：

if ($('div.slideshow > div:last').is(':visible')) {
                        $('.next').fadeOut();
                    } else {
                        $('.next').fadeIn();
                    } if ($('div.slideshow > div:first').is(':visible')) {
                        $('.previous').fadeOut();
                    } else {
                        $('.previous').fadeIn();
                    }

<>但是中间页面中没有显示正确的按钮，它有时会被混淆和隐藏，并显示错误的按钮。

还尝试添加此选项以修复中间页问题，但再次导致问题：

if ($('div.slideshow > div:visible').prev(':hidden')) {
                        $('.previous').fadeIn();
                    }
                    if ($('div.slideshow > div:visible').next(':hidden')) {
                        $('.next').fadeIn();
                    }

添加到下一步按钮

if($('.slideshow div:last-child') === $('.slideshow div:visible')){
    $('.next').hide();
}

添加到上一个

if($('.slideshow div:first-child') === $('.slideshow div:visible')){
    $('.previous').hide();
}

但这确实有效：

if ($('div.slideshow > div:first-child').is(':visible')) {
                    $('.previous').hide();
                }
                else {
                    if ($('div.slideshow > div:visible').prev(':hidden')) {
                        $('.previous').show();
                    } else {
                        $('.previous').hide();
                    }
                }


                if ($('div.slideshow > div:last-child').is(':visible')) {
                    $('.next').hide();
                } else {
                    if ($('div.slideshow > div:visible').next(':hidden')) {
                        $('.next').show();
                    } else {
                        $('.next').hide();
                    }
                }

---

它们也需要淡入淡出