Question

要切换隐藏/显示，我使用了此代码;

togglebtn.click(function() {
    var that = this;
    $('.togglecontainer').toggle(500, function(){
        var txt = $(that).html();
        $(that).html((txt == 'Show less') ? 'Show more' : 'Show less');
    });
});
togglebtn.trigger("click");

但它会在一个按钮内切换文字。我想要两个按钮，有两个不同的img src 让我们说images / show.png和images / hide.png

提前致谢

Answer 1

看一下这个教程 - jQuery Image Swap Using Click - 这可能是你想要实现的目标。让我们知道你是如何上场的。

Answer 2

我不确定这是你的意思，但是：你可以使用按钮的Id's

togglebtn.click(function(){
            var btn = this;
        $('.togglecontainer').toggle(500, function(){
            var txt = $(btn).html();
            $(btn).html((txt == 'Show less') ? 'Show more' : 'Show less');
            $("#btn2_Id").html((txt == 'Show less') ? '<img src="http://yourdomain.com/images/hide.png"/>' : '<img src="http://yourdomain.com/images/show.png"/>');
        });
});

jquery切换按钮两个图像？

2 个答案: