代码之家 › 专栏 › 技术社区 › Marc

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

toggle javascript

Marc · 技术社区 · 7 年前

我有一个很好的脚本,单击按钮后我会显示更多内容。单击后需要隐藏此按钮。

这就是我目前的情况:

 $(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();
        });
    });

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

另一种方法是单击后更改按钮文本,并将其置于隐藏文本下方。

我很接近,但不知道如何解决这个问题。。

1 回复 | 直到 7 年前

Sébastien S. 7 年前

添加 .隐藏() 在 .下一个() 在这里

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

再次显示“显示更多”按钮 $(“.btn坏”)。show(); 在这里

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

推荐文章

Mr world wide · 使用ng更改检查的ng不起作用[重复]

6 年前

user5321787 · 单击链接时的加减切换

7 年前

Marc · 单击后显示隐藏的更多按钮

7 年前

Tom · 在VueJS/VuetifyJS中切换开关时调用函数

7 年前

Rohalt · 选择单选按钮时清除输入

7 年前

Rohalt · 如何创建一个切换按钮来添加和“删除”DOM a div?

7 年前

wpdev · Jquery在引导下拉列表中禁用伪元素上的链接

7 年前

Olga B · Vue。js:切换汉堡菜单图标

7 年前

Allie Ward · 如何在页面加载时根据锚定标记在div之间切换?

7 年前

The Walrus · 在React中切换类并设置活动类

7 年前