0

我有一个链接“显示更多...”。当我单击它时,我会切换带有详细信息的 div 的可见性。我想知道当div切换发生时是否有一种简单而漂亮的方法来切换“显示更多...”和“隐藏详细信息”之间的链接内容?

4

4 回答 4

3

如果您只想切换文本,这里有一个简单的 jQuery 示例,基于使用 SPAN 作为标签。

$('#SpanLabel').html($('SpanLabel').text() == 'Show More...' ? 'Hide details' : 'Show More...');
于 2012-05-02T17:34:34.733 回答
0

使用 html 5 http://www.w3schools.com/html5/tryit.asp?filename=tryhtml5_summary

于 2012-05-02T17:34:56.070 回答
0

我以前使用过这个并取得了一些成功:

http://plugins.learningjquery.com/expander/index.html

于 2012-05-02T17:36:07.827 回答
0

您可以使用 CSS 规则更改正在显示的内容:http: //jsfiddle.net/8G6fm/

我想优点是如果您想进一步设置样式,您可以添加样式(例如,使用指向左/下的箭头的背景图像,具体取决于它是否打开)。

于 2012-05-02T19:10:25.667 回答