jquery - 切换背景图像位置

标签 jquery css image toggle slidetoggle

<分区>

我有以下代码显示/隐藏 div,同时根据是否显示 div 更改文本:

$('#more').click(function() {
    $('#extra').slideToggle('fast');
    $('#more').text(function(_,txt) {
        return txt == 'More about us' ? 'Less about us' : 'More about us';
    });
    return false;
});

#more 链接上我有一个向下的箭头(对于“更多关于我们”的文本,当 div 被隐藏时)但我想将此箭头更改为向上div 是可见的,文本显示为“Less about us”。我该如何编辑上面的代码来执行此操作?

最佳答案

尝试

$('#more').click(function() {
    $('#extra').slideToggle('fast');
    $('#more').text(function(_,txt) {
        var ret='';

        if ( txt == 'More about us' ) {
           ret = 'Less about us';
           $(this).css('background','url(link/to/image1.png)');
        }else{
           ret = 'More about us';
           $(this).css('background','url(link/to/image2.png)');
        }
        return ret;
    });
    return false;
});

礼貌

Toggle text when link is clicked

关于jquery - 切换背景图像位置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17722761/

上一篇:CSS 帮助 - 联系表

下一篇:css - 标题周围的黑框在 Firefox 中无法正确显示

相关文章:

javascript - 在 iOS 上缓慢移动 html 元素位置

javascript - 顺序 setState 调用未按预期工作

javascript - 服务器响应后 CSS 被删除

javascript - 单击按钮几次使游戏运行得越来越快 - javascript

javascript - 将 js 变量传递给表单操作

javascript - 带淡入淡出的随机图像幻灯片

python 拉普拉斯过滤器返回错误的值

html - Firefox 不复制表格的背景颜色

image - 如何使用ffmpeg淡化两个图像

android - 钛金 Android : Images and Memory