切换.html()?

时间:2013-03-22 16:49:42

标签: jquery html

我试图按下按钮,在按下之前查看更多内容,然后在按下时隐藏。问题是,当您按下隐藏时,它不会更改回查看更多。我该如何解决这个问题?

jQuery代码是:

   $("#single .vm").click(function () {
      $("#singlemore").slideToggle(150);
      $("#single .vm").html('Hide');
     });

1 个答案:

答案 0 :(得分:5)

您可以使用三元运算符在文本View moreHide之间切换,并使用$(this)代替$(“#single .vm”)

 $("#single .vm").click(function () {
      $("#singlemore").slideToggle(150);
      $(this).html($(this).html() == 'Hide' ? 'View more' : 'Hide');
 });