Question

我有一些使用slideToggle的代码。

目前我正在为每一位内容编写jquery，即content-one，content-two，content-three to use slideToggle。

我的问题是我想开始添加动态内容，所以我想将硬编码的content-xx链接更改为内容和扩展，但我不知道该怎么做。

我的代码如下;

{{1}}

正如你在这里看到的，我正在为每一段内容编写小的jquery块，但是在添加动态内容时这不起作用。

有没有什么方法可以将expand-xxx更改为仅扩展内容-xxx到内容，这样我就可以添加尽可能多的内容块，并且仍然保留每个内容的slideToggle？

Answer 1

你可以使用php for content div，在使用jquery event get data-id show content之后 enter image description here

Answer 2

你可以这样做：

 $(document).ready(function() {
   $('.expand').click(function() {
     $(this).parent().nextAll('.content').first().slideToggle('slow');
     return false;
   });
 });

Online demo (jsFiddle)

jQuery slideToggle动态添加的div

2 个答案: