Подсчитайте divs и добавьте jquery, чтобы развернуть и свернуть Текст

Question

Надеюсь, кто-то может помочь. В html-код включены 3 divs с классом employee-block. Я хотел бы добавить javascript/jquery-код, чтобы развернуть/свернуть что-нибудь после второго div (или div-block сотрудника). Это мой 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 код, который я только хочу, чтобы скрыть/показать 3-й сотрудник-блок 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; 
}); 

Answer 2

Это должно помочь вам добраться до вашего пути. Существует много разных способов достижения желаемого, но это может быть проще всего понять. http://jsfiddle.net/jSZxp/1/

var employeeBlocks = $('.employee-block').slice(2); //returns all after the first 2 

employeeBlocks.addClass('hidden'); //attach the hidden class 

$('button').on('click', function(){ 
    employeeBlocks.toggle('hidden'); //toggles the hidden class 
});