单击时链接文本更改。 查看更多，查看更少的jquery – Bootstrap手风琴

所以我用bootstrap手风琴隐藏/取消隐藏信息。

我需要将措辞从“看到更多”改为“少见”。

我已经实现了这个，你可以在bootply中看到

正如您将看到的，我面临的问题是，首次点击时，它会从“查看更多”移动到“查看更多”，然后再次单击它会按照我的意愿开始工作。

我知道它为什么会发生，但无法弄清楚如何删除一个href文本并立即显示隐藏的信息。

 $(document).ready(function () { $("#morebtn").click(function () { $(this).html($(this).html() == "See more" ? "See less" : "See more"); }); }); 

Answer 1

这是因为您的HTML第一次实际上是See more而不是“看到更多”。
将其更改为$(this).text() == "See more"并且它有效:)
然后，您可以只向元素添加一个类以使其变为粗体。 否则，您每次都需要使用标记重新换行

Answer 2

删除查看更多文本周围的标记并通过CSS应用该样式，它将起作用。

Answer 3

试试这个

  $(this).html(($(this).html() == "See more" )? "See less" : "See more"); 

测试为我工作

确保将id赋予支持html（）属性的dom元素

我试过了

如果id给按钮然后使用

  $(this).attr('value',($(this).attr('value') == "See more" )? "See less" : "See more"); 

Answer 4

试试这个：

 $(this).html($(this).text() == "See more" ? "See less" : "See more"); 

或者如果#morebtn是 tag请执行以下操作：

 $(this).text(function(index,text){ return text ? "See less" : "See more" });