jQuery：操纵多个div的唯一函数（单击标题显示说明）

我有一个有很多div的页面，其中显示了产品（标题和说明），但说明是隐藏的，当单击标题时，说明具有滑动切换效果

DIVS HTML

<first><h4>Product1</h4></first>
<span><div><ocultar>Description</ocultar></div></span>

<second><h4>Product2</h4></second>
<span><div><ocultar2>Description</ocultar></div></span>

....
...
...
And third, fourth, etc...

---

我希望你能帮助我

您可以做的是向元素添加一个class属性，这将使jQuery更易于操作

<div class="title"><h4>Product1</h4></div>
<div class="description"><ocultar>Description</ocultar></div>

<div class="title"><h4>Product1</h4></div>
<div class="description"><ocultar>Description</ocultar></div>

---

我假设您发布了伪HTML，因为不需要在span元素中放置div元素。。。

<div class="title"><h4>Product1</h4></div>
<div class="description"><ocultar>Description</ocultar></div>

<div class="title"><h4>Product1</h4></div>
<div class="description"><ocultar>Description</ocultar></div>

// jQuery 1.7+

$(".title").on('click',function(){
  $(this).next('div.description').slideToggle("slow");
});