使用jQuery切换内容

时间:2012-05-02 17:27:44

标签: javascript jquery html

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

4 个答案:

答案 0 :(得分:3)

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

$('#SpanLabel').html($('SpanLabel').text() == 'Show More...' ? 'Hide details' : 'Show More...');

答案 1 :(得分:0)

答案 2 :(得分:0)

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

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

答案 3 :(得分:0)

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

我猜的好处是,如果你想进一步设计你可以添加到样式(例如使用箭头指向左/下的背景图像,取决于它是否打开)。