Javascript 计算div并添加jquery以展开和折叠文本

我希望有人能帮忙。在包含的html代码中有3个div和employee块类。我想添加javascript/jquery代码来扩展/折叠第二个div（或employee block div）之后的任何内容。这是我的html：

<div class="employee-block">
    <img alt="test" title="test" src="/images/42.png" /><div class="employee-details"><span class="red strong">TEST</span><br /><p>test description</p></div>                    
</div>               
<div class="bottom"></div>            
<div class="employee-block">
    <div class="employee-details"><span class="red strong">support@.net</span><br /><p>testing description</p></div>                    
</div>               
<div class="bottom"></div>            
<div class="employee-block">
    <img alt="test" title="test" src="/images/42.png" /><div class="employee-details"><span class="red strong">TEST</span><br /><p>test description</p></div>
</div>               
<div class="bottom"></div>

测试
测试描述
support@.net
测试说明
测试
测试说明

---

我有这个jquery代码，但不知道如何插入它。在我的示例html代码中，我只想隐藏/显示第3个employee块div，因此实际上任何超过2的内容都可以，因为可能有超过2个：

<script type="text/javascript">
$(document).ready(function () {        
    $('div.view').hide();         
    $('div.slide').click(function () {            
        $('div.view').slideToggle(400);
        return false;
    });
});

$（文档）.ready（函数（）{
$（'div.view'）.hide（）；
$（'div.slide'）。单击（函数（）{
$（'div.view'）。滑动切换（400）；
返回false；
});
});

---

我不太清楚您的问题，但请看以下代码：

$('a.createSomeButton').click( function() {
  if ( ! $('#IwillCollapse').length ) {
    $('.employee-block:gt(1)').wrap('<div id="IwillCollapse" />');
  }
  $('#IwillCollapse').slideToggle();
  return false;
});

$（'a.createSomeButton'）。单击（函数（）{
如果（！$（'#IwillCollapse'）。长度）{
$（'.employee块：gt（1）'）。换行（''；
}
$（“#IwillCollapse”）.slideToggle（）；
返回false；
});

我不太清楚您的问题，但请看以下代码：

$('a.createSomeButton').click( function() {
  if ( ! $('#IwillCollapse').length ) {
    $('.employee-block:gt(1)').wrap('<div id="IwillCollapse" />');
  }
  $('#IwillCollapse').slideToggle();
  return false;
});

$（'a.createSomeButton'）。单击（函数（）{
如果（！$（'#IwillCollapse'）。长度）{
$（'.employee块：gt（1）'）。换行（''；
}
$（“#IwillCollapse”）.slideToggle（）；
返回false；
});

这应该可以帮助您上路。有许多不同的方法来实现你想要的，但这可能是最容易掌握的

---

这会帮助你上路。有许多不同的方法来实现你想要的，但这可能是最容易掌握的

---

我有这个jquery代码，但不知道如何插入它。在我的示例html代码中，我只想隐藏/显示第三个employee块div，因此实际上任何超过2的内容都可以，因为可能有超过2:$（document）.ready（函数（）{$（'div.view'）.hide（）；$（'div.slide'）。单击（函数（）{$（'div.view'）.slideToggle（400）；返回false；}）；}）@obautista-编辑您的问题并添加代码；不要发表评论。@obautista.view和.slide divs在哪里？似乎你复制粘贴了那段代码。在寻求帮助之前，试着自己做。我有这个jquery代码，但不知道如何插入。在我的示例html代码中，我只想隐藏/显示第三个employee块div，因此实际上任何超过2的内容都可以，因为可能有超过2:$（document）.ready（函数（）{$（'div.view'）.hide（）；$（'div.slide'）。单击（函数（）{$（'div.view'）.slideToggle（400）；返回false；}）；}）@obautista-编辑您的问题并添加代码；不要发表评论。@obautista.view和.slide divs在哪里？似乎你复制粘贴了那段代码。在寻求帮助之前，试着自己做