点击后显示隐藏的更多按钮

Question

我有一个很好的脚本，我点击按钮后显示更多。点击后需要隐藏此按钮。

这就是我所熟悉的：

 $(function() {
        $(".btn-down").next().hide().append('<a href="javascript:void();" class="btn-up">Show less</a>');

        $(".btn-down").click(function() {
            $(this).next().slideToggle();
        });

        $(".btn-up").click(function() {
            $(this).parent().slideUp();
        });
    });

我的JSFiddle; https://jsfiddle.net/w5n7zkwu/5/

另一种方法是在点击后更改按钮文本并将其放在隐藏文本下面。

我已经关闭但不知道如何解决这个问题。

Answer 1

在 .next（）之前添加 .hide（）

$(".btn-down").click(function() {
        $(this).hide().next().slideToggle();
     });

再次使用 $（“。btn-down”）显示“显示更多”按钮.show（）; 此处

$(".btn-up").click(function() {
    $(this).parent().slideUp();
    $(".btn-down").show();
});