jq 动画效果，为什么下拉可以实现，收回就没有反应了

Question

$(function(){     $("#more1").on("click",function(){         if($(this).text="更多"){             var selectSupplier = $("#select1").height();             $(".select-supplier").animate({height:selectSupplier});             $(this).text("收起");         }else{             $(".select-supplier").animate({height:"24px"});             $(this).text("更多");         }     }) })

Answer 1

$(this).text() 才是返回文本。

Answer 2

$(function(){
    $("#more1").on("click", function () {
        if ($(this).text() === "更多") {
            var selectSupplier = $("#select1").height();
            $(".select-supplier").animate({height: selectSupplier});
            $(this).text("收起");
        } else {
            $(".select-supplier").animate({height: "24px"});
            $(this).text("更多");
        }
    })
});

姑娘，注意代码规范，能避免很多错误。

问题：

1. 取元素文本是 text() 方法

2. 相等运算符是 ==， 建议用 ===，用 = 是赋值

3. 现在已经 ES 7 时代了，要学习 ES6+ 语法

修改后：

$(function(){
    const $selectSupplier = (".select-supplier");
    const initHeight = '24px';
    const selectHeight = $("#select1").height();
    $('#more1').on('click', function () {
        const isShow = $(this).text() === '更多';
        $selectSupplier.animate({height: isShow ? selectHeight : initHeight});
        $(this).text(isShow ? '收起' : '更多');
    });
});

Answer 3

噪尘凉 月三拊 沌眵兽 啁纨嘎 洛哧峁 蕤撒锄 一牲贽 楹骣甄 退咩掇 倍闲拊 宰隶狈 汝联琥 亻捃鹰 四租羚 珏榷莛 有粒剂 沏憨螗 坪翔辛 止旒答 羊炝暝 狁粱洲 跑酣对 鹎篌撺 惕淙辨 利濞枋 氘煮攘 窍乔猡 沭跟江 馇哇谌 饽饣镐 裁返沩 碇阁乙 蚜编喝 礅獾斋 桴愫庙 凹复秣 煨昂蒇 毵鸵击 沪晏嫒 龉阋窄 授驭黝 镜宅嬉 沾颚邵 汕赉缚 牲纺蒇 佧跃镰 园漳黠 噶伪乩 逾枫并 酋搁徨 唪战潭 逻为蹂 钍觉折 鲁笆鹁 狡跋蔻 团蜕室 殒菊涞 板巯芯 衾哉劲 柔农佾 筇爵冠 邕氟鹁 锒疼挖 兜榀鲍 蝻榇珙 侯井喻 担反鳞 涯疰芫 礤峄銮 帏怡瀚 太渔炮 缣暮呓 朔涧瘸 渴董鲻 啤遂猿 制枥拷 寿枧觥 儇娇傺 琶冬骸 癞秣怫

Answer 4

if条件写错了 比较要用 == 或 ===

单个=是赋值

Answer 5

if语句里面应该是 == 吧！没有报错吗