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

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

toggle javascript

Marc · 技术社区 · 6 年前

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

这就是我目前的情况:

 $(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 回复 | 直到 6 年前

Sébastien S. 6 年前

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

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

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

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

推荐文章

Softly · 单选按钮未按预期取值

1 年前

Jason Owens · 我的html/javascript播放按钮无法播放嵌入的youtube视频

1 年前

SlickRed · 我无法使用JS关注HTML元素

1 年前

Mayron Guedes · 如果登录名不在本地存储中,如何重定向页面?

1 年前

assembler · Nextjs没有处理发布请求

1 年前

PavelB · 如何使用Seleniumwebdriver和mocha只运行一个测试文件?

1 年前

BADRUM · 执行两个获取功能后,如何导航回页面?

1 年前

Toniq · javascript为php保存多维数组

1 年前

Natalie Smyth · 隐藏类只在我试图切换的两个部分中的一个部分上工作

1 年前

SkyWalker · 在JavaScript中,合并日期-时间序列的有效算法是什么?

1 年前