javascript - 统计div数量并添加jquery展开和折叠文本

Question

希望有人能帮忙。包含的html代码中有3个带有employee-block类的div。我想添加 javascript/jquery 代码来展开/折叠第二个 div(或员工 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>

我有这个 jquery 代码，但不知道如何插入它。在我的示例 html 代码中，我只想隐藏/显示第三个员工 block div，所以实际上任何超过 2 个的内容，因为可能有超过 2 个:

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

Answer 1

你的问题对我来说不是很清楚，但是看看这段代码:

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