我试图按下按钮,在按下之前查看更多内容,然后在按下时隐藏。问题是,当您按下隐藏时,它不会更改回查看更多。我该如何解决这个问题?
jQuery代码是:
$("#single .vm").click(function () {
$("#singlemore").slideToggle(150);
$("#single .vm").html('Hide');
});
答案 0 :(得分:5)
您可以使用三元运算符在文本View more
和Hide
之间切换,并使用$(this)
代替$(“#single .vm”)
$("#single .vm").click(function () {
$("#singlemore").slideToggle(150);
$(this).html($(this).html() == 'Hide' ? 'View more' : 'Hide');
});