jQuery切换每个?

我使用jquery来切换一些段落。 它只是一个段落很简单,但我说我有一个非常通用的设置。 第二段最初用css隐藏。

some text

some more text

read more

some text

some more text

read more

问题是,每次我点击其中一个“阅读更多”链接,它显示每隔一段。 我只想要它显示单击的第二段。

对jquery来说很新…

首先将

标签包装在div如下所示:

 

some text

some more text

more/less

有些CSS:

 .toggleable p { display: none; } 

然后是jQuery:

 $('.toggleable a.more').click( function() { $(this).siblings('p').toggle(); } ); 

应该处理它。

当然,还有其他方法可以解决这个问题。 也许你可以把div之外的链接放在文本之外,然后执行类似的操作: $('.more').click( function() { $(this).prev().toggle(); } ); ……很多方法。 看看jQuery的DOM遍历方法。

抱歉,我认为我可能搞砸了结构。 它的

 

some text

read more

some text

read more

我需要第一个

总是表现为一个专家。 第二个

和任何后续的

仅在点击其特定的显示,感谢您的快速回复。