Javascript 向脚本添加隐藏参数

您好，我目前有以下脚本，我正试图添加一个显示和隐藏功能，而不是只有一个隐藏和显示它。本质上，“点击我”显示它，而按钮隐藏它，比如小提琴

---

只需对下面的

.div和
滑块执行相同操作，并将其与
$（此）
切换即可：

$('.below').on('click', function(){
    $(this).slideToggle();
});


请参阅有关使用幻灯片切换的更多信息

$('.below').on('click', function(){
 $(this).slideToggle(); 
});

这将切换显示状态；如果隐藏，它将显示，如果显示，它将被隐藏
如果您只需要按钮的隐藏功能，此代码就可以了

$(document).ready(function () {
    var content = $('.below').hide();
    $('.toggleBtn').on('click', function () {
        $(this).next('.below').slideToggle();
        return false;
    });
    $('.below').on('click', function(){
        $(this).slideToggle();
    });
});

Demo fiddle
：

$('.below').on('click', function(){
    $(this).slideToggle();
});

或者，如果要在显示隐藏按钮时隐藏
单击我
，下面的代码正好可以做到这一点

$(document).ready(function () {
    var content = $('.below').hide();
    $('.toggleBtn').on('click', function () {
        $(this).hide();
        $('.below').show();
        return false;
    });
    $('.below').on('click', function () {
        $(this).hide();
        $('.toggleBtn').show();
        return false;
    });

});

演示小提琴：

试试这个，使用slideDown和slideUp

$(document).ready(function () {
      $('.below').hide();
        $('.toggleBtn').click(function () {
            $(this).next('.below').slideDown('slow');
            return false;
        });
         $('.below button').click(function () {
            $(".below").slideUp('slow');
        });
    });

类似于
$（'.below'）.on（'click'，function（）{$（this.slideToggle（）；}）？如果你能以答案的形式完成，那就太好了，谢谢。之前尝试过这个，但脚本的编写方式有很大的不同，这会起作用的。谢谢。没问题。如果问题解决了，你可以接受答案。