一个展开/收起效果，不知道问题在哪

Question

var hidePart=$(".hide-part");//需要被隐藏的部分 var unfoldBtn=$(".unfold");//展开收起按钮 hidePart.hide();     unfoldBtn.click(function(){      if(unfoldBtn.text()=="展开"){      unfoldBtn.html("收起<i></i>");//i标签放了一个箭头的背景图片     }else{      unfoldBtn.html("展开<i></i>");             }            hidePart.toggle(); unfoldBtn.find("i").toggleClass("i-up");//改变背景图片        })现在情况是点击之后，前面正常，最后一行改变背景的效果没有出现，但是把改变文字的整个IF语句注释掉以后，剩余的两行代码又能工作正常，难道是最后一行代码和IF语句里的代码有什么冲突？

Answer 1

多了两个i标签内容就变了，下次判断text()内容就不对了。

Answer 2

@Gooooo0

不用.html()用.text()的话背景图片就直接没有了

Answer 3

unfoldBtn.html("收起<i></i>")

unfoldBtn.html("展开<i></i>");

换成 

unfoldBtn.test("收起")

unfoldBtn.test("展开");