jquery 用按钮切换两个图像？答案

【问题标题】：jquery toggle with buttons two images?jquery 用按钮切换两个图像？
【发布时间】：2011-01-16 12:54:58
【问题描述】：

为了切换隐藏/显示，我使用了这段代码；

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

提前致谢

【问题讨论】：

为什么要把txt == 'Show less' 括在括号里？
好吧，我从另一个问题中得到了这个解决方案，但现在我正在添加图形并且我被这个文本卡住了，因为我想要图像

标签： jquery image button toggle

【解决方案1】：

看看这个教程 - jQuery Image Swap Using Click - 这可能是你想要达到的目标。让我们知道您的进展情况。

【讨论】：

谢谢，这正是我想要的，还有 jQuery 切换功能。

【解决方案2】：

我不太确定这是您的意思，但是：您可以使用按钮的 ID

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"/>');
        });
});

【讨论】：

这就是我的意思，我不需要 txt 虽然只是图像
不应将<img> 标记用于按钮。 <img> 用于与内容相关的图像，例如照片或图表。按钮的图像应该使用 CSS 完成。使用类。