首頁(yè) 猿問 jq...

jq 動(dòng)畫效果，為什么下拉可以實(shí)現(xiàn)，收回就沒有反應(yīng)了

JavaScript JQuery

Hi_給我一個(gè)大甜筒 2017-09-15 10:56:49

$(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("更多"); ????????} ????}) })

查看完整描述

3 回答

已采納

橋本奈奈未

TA貢獻(xiàn)436條經(jīng)驗(yàn) 獲得超108個(gè)贊

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

反對(duì) 回復(fù) 2017-09-15

Hi_給我一個(gè)大甜筒
謝謝，解決啦~~

回復(fù) 2017-09-15

王益達(dá)

TA貢獻(xiàn)12條經(jīng)驗(yàn) 獲得超15個(gè)贊

$(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("更多");
????????}
????})
});

姑娘，注意代碼規(guī)范，能避免很多錯(cuò)誤。

問題：

取元素文本是 text() 方法
相等運(yùn)算符是 ==，建議用 ===，用 = 是賦值
現(xiàn)在已經(jīng) ES 7 時(shí)代了，要學(xué)習(xí) ES6+ 語(yǔ)法

修改后：

$(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???'收起'?:?'更多');
????});
});

1 反對(duì) 回復(fù) 2017-09-15